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.

I believe this is due to purge or something: this style is not called in my HTML, I call it through a WordPress block, so it’s injected directly while loading the page.

If my thought is true, is there a way to prevent it? I don’t think I should completely disable the purge.