Cannot apply unknown utility class

[M0ggy24]

it was updated by tailwindcss v4.
But my code was occured error "Pre-transform error: Cannot apply unknown utility class: text-white".

how to solve it?
i rewrote this code.
in my old version:
@layer components {
.danger-button {
@apply bg-red-500 text-white hover:bg-red-400 shadow-btn border rounded-md disabled:bg-red-400 transition-all;
}
}
in v4 version:
.success-button {
@apply bg-success text-white hover:bg-[#40c88b] border border-success
disabled:bg-[#56836f] disabled:border-[#40c88b] hover:border-[#40c88b] transition-all;
}

[wongjn]

You might need to use @reference.

---

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

[strokirk]

@wongjn do you have links to anything more current when Adam says that? That was 4 years ago (and Twitter links are not so easy to read anymore.)

[wongjn]

No, I don't have any links that are more current to hand.