@apply referencing another @utility breaks @apply in a nested rule

[alfonsusac]

What version of Tailwind CSS are you using?

v4.1.5

What build tool (or framework if it abstracts the build tool) are you using?

https://play.tailwindcss.com/

What version of Node.js are you using?

Not relevant

What browser are you using?

Edge Latest Version

What operating system are you using?

MacOs

Reproduction URL

https://play.tailwindcss.com/oBufuCc0yf

Describe your issue

@apply referencing another @Utility breaks @apply in a nested rule.
Problem is that :hover and :disabled inside base-utility stopped working when i referenced base-utility in a @apply of parent-utility.

It would be understandable for the styles of base-utility to not get applied completely if it were @apply parent-utility but the problem is that I'm using base-utility in the className and it should not change regardless of where base-utility is used.

:hover and :disabled are simple pseudo selectors. Tried with @variant, also does not work for the same reason.

Would not be a problem for me if @variant actually does work. If the @apply is NOT nested inside base-utility, it works fine. The part where its not working is only the @apply is inside a nested rule of base-utility.

[philipp-spiess]

Hey! Seems like this has to do with the order of utilities being defined, as reordering makes it work just fine: https://play.tailwindcss.com/96NDDj60Kk?file=css

[alfonsusac]

wow that was fast, sorry I did not think of trying to reorder it. thanks for the response