Использование директивы Tailwind 4 @Apply в NextJs React .module.css ⇐ CSS

[Anonymous]

Извините за этот хромой вопрос - я довольно новый в Tailwind и утилитах вокруг него. Чего я хочу достичь, так это написать несколько местных стилей для моих компонентов, используя Tailwind и @Apply. Я использую последние NextJs с последними TailWindcss (V4), как я могу использовать файл @Apply в моем локальном myComponent.module.css ?

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

import styles from "./MyComponent.module.css";
export default function MyComponent() {
return Green Text Here
}

и в ./mycomponent.module.css Я бы напишет что-то вроде этого:

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

.green {
@apply text-green-500
}

Какой пакет мне нужен, и какую настройку для достижения этого?

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

import "@/styles/globals.scss";
< /code>
где Globals.scss выглядит как: < /p>
@import "tailwindcss";

К сожалению - я получил ошибку компилятора во время NPM Run Build , говоря
| Ошибка: не может применить неизвестный класс утилиты: текст-Green-500
Однако это имя класса работает непосредственно в компонентах.

Подробнее здесь: https://stackoverflow.com/questions/795 ... module-css