[v4] @apply doesn't work with variants

[SamBallantyne]

What version of Tailwind CSS are you using?

For example: v4.0.7 (seems to be a regression from 3.4.4, which we're using in prod)

Reproduction URL

https://play.tailwindcss.com/Cxw1WvQpQj

Expected: all three rows are orange.

[RobinMalfait]

Hey!

Variants only work on utilities, if you want to use variants with orange then you have to make sure to make orange a utility:

- .orange {
+ @utility orange {
    @apply bg-amber-500;
  }

Play: https://play.tailwindcss.com/2me041FNep?file=css

[wongjn]

You'd need to use the @utility directive: https://play.tailwindcss.com/bTRigACxql?file=css