Adding Tailwind to a Gutenberg (Clover) plugin

Hi everyone,

I hope someone has a little time to help me with the following beginner question:

I have a Bedrock / Sage 10 project running via Lando on WSL 2.

Last week I started with creating a custom Gutenberg block via the Clover plugin. I’ve got the default behavior of the block working, but I’m now stuck on the styling part of the block.

Because Tailwind is not default configured on the Clover plugin and Clover does not come with documentation, I’m wondering if someone here can explain how I can apply Tailwind styling to the editor and the front-end of the block when it’s configured as a plugin?

When I’m trying, for example, to install tailwind via @roots/bud-postcss @roots/bud-tailwindcss I’m getting the following error when I run yarn dev:

Module not found: Error: Can't resolve './types.js' in 'node_modules/@roots/wordpress-hmr/lib'

This is my package.json dependencies configuration in the Clover plugin:

"devDependencies": {
  "@playwright/test": "^1.26.0",
  "@roots/bud": "6.21.0",
  "@roots/bud-postcss": "6.21.0",
  "@roots/bud-preset-recommend": "^6.21.0",
  "@roots/bud-preset-wordpress": "6.21.0",
  "@roots/bud-tailwindcss": "6.21.0"
"dependencies": {
  "@roots/wordpress-hmr": "6.21.0"

Thanks in advance!