Правило CSS не применяется, если внутри @layer из-за очистки? ⇐ CSS

[Anonymous]

Иногда я замечаю, что случайные классы не работают внутри базы @layer или компонентов @layer, но работают, если я помещаю их вне всего.
Для пример. Я потратил часы, пытаясь понять, почему этот стиль не был применен (не скомпилирован в финальную версию CSS):

Код: Выделить всё

@layer base {
.input-group{
@apply mb-16;
}
}

Но если я помещу его за пределы @layer, то это сработает. Нет абсолютно никакой причины, поскольку .input-group не используется ничем другим.
Я думаю, это связано с очисткой или чем-то еще: этот стиль не вызывается в моем HTML. , я вызываю его через блок WordPress, поэтому он внедряется непосредственно во время загрузки страницы.
Если моя мысль верна, есть ли способ предотвратить это? Я не думаю, что мне следует полностью отключать очистку.
У меня возникает аналогичная проблема, когда я вызываю некоторые классы непосредственно из блоков WordPress, которые ранее не использовались: они не являются частью сборка CSS.

Подробнее здесь: https://stackoverflow.com/questions/785 ... e-of-purge