[v4] Cannot apply unknown utility class: xxx

[KPTeoh]

Build Error

Error: Cannot apply unknown utility class: text-sm

./src/app/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/globals.css

Error: Cannot apply unknown utility class: text-sm
This error occurred during the build process and can only be dismissed by fixing the error.

[wongjn]

You probably need to use the @reference directive.

---

As an aside, Adam Wathan (creator of Tailwind) does seem to advocate avoiding @apply:

• https://twitter.com/adamwathan/status/1226511611592085504
• https://twitter.com/adamwathan/status/1559250403547652097

[LeonardoDaLuz]

You probably need to use the @reference directive.

As an aside, Adam Wathan (creator of Tailwind) does seem to advocate avoiding @apply:

• https://twitter.com/adamwathan/status/1226511611592085504
• https://twitter.com/adamwathan/status/1559250403547652097

I don't want to seem ungrateful, but I disagree, this feature will be missed. I will remove its use completely, I will not even do a workaround. But despite that, Tailwind is phenomenal, thanks to everyone involved.