I notice sometimes random classes not working inside @layer base or @layer components but working if I’m putting it outside of everything.
For example I spent hours trying to understand why this style wasn’t applied (not compiled in final CSS):
@layer base {
.input-group{
@apply mb-16;
}
}
But if I put it outside of the @layer, then it works. There is absolutely no reason as .input-group is not used by anything else.
Any clue about that? I’m encountering it for other classes, similar to this one.