error: Cannot apply unknown utility class: wrap-break-word

[marcospgp]

"tailwindcss": "^4.1.13",

[RobinMalfait]

Hey!

Can you share a minimal reproduction repo so we can take a look? Should work just fine, so it will be related to your setup:
https://play.tailwindcss.com/bb4SrniZQv?file=css

[rozsazoltan]

This is a common mistake if you're trying to use @apply in CSS modules or separate <style> tags, see:

• Stop using @apply
• How to use @apply in Tailwind v4?

The documentation also points out that you first need to reference TailwindCSS with @reference.

• https://tailwindcss.com/docs/functions-and-directives#reference-directive

<style lang="postcss">
@reference "tailwindcss";

.example {
  @apply bg-red-500;
}
</style>

Or if you need your configuration, use a relative reference to your main CSS file.

<style lang="postcss">
@reference "./../../assets/styles/css/main.css"; /* use your own relative path */

.example {
  @apply bg-custom;
}
</style>

If this path is too long, you can create an alias for it in your package.json and use that alias instead, like this:

• Use Vite aliases with TailwindCSS @reference directive

package.json

{
  "imports": {
    "#main.css": "./assets/styles/css/main.css"
  },
} 

<style lang="postcss">
@reference "#main.css";

.example {
  @apply bg-custom;
}
</style>

[rozsazoltan]

Of course, due to the lack of information, this is just a guess. It's a shame the OP didn't provide any context, so this might be relevant for them: https://dontasktoask.com/