Класс scss, созданный в директиве Tailwindcss @layer, не применяется ⇐ CSS

[Anonymous]

У меня есть проект next.js с Tailwindcss, настроенный с помощью scss. все работает с scss, кроме классов в директиве @layer. в global.scss
@layer utilities {
.text-balance {
text-wrap: balance;
}
.component-space {
@apply sm:px-10 px-5;
}
}

global.scss импортируется в Layout.tsx
import "./globals.scss";

но эти классы не применяются, когда я использую их в компонентах
"tailwindcss": "^3.4.1",
"sass": "^1.79.4"


Подробнее здесь: https://stackoverflow.com/questions/790 ... ot-applied