@theme mostra erro (Unknown at rule @theme). | React: utilizando CSS Modules e Tailwind para estilização de componentes

Oi, Dionathan! Como vai?

Que bom que conseguiu achar a solução!

Do jeito que você explicou, o erro acontecia porque o VS Code não reconhece a regra @theme, já que ela faz parte do Tailwind 4 (e o analisador de CSS do VS Code ainda não sabe lidar com ela). Por isso ele marcava como “erro”, mesmo funcionando no navegador.

Quando você adicionou no settings.json:

{
  "css.lint.unknownAtRules": "ignore"
}

você basicamente disse ao VS Code: “ignore regras @ que você não conhece”.
Isso tirou o erro visual e evitou que o lint atrapalhasse a leitura do seu arquivo, mas o Tailwind já estava interpretando normalmente.

Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado