Theme classes don't work (eg "text-primary")

[ThomasKientz]

Environment

• Operating System: Darwin
• Node Version: v20.14.0
• Nuxt Version: 3.16.2
• CLI Version: 3.25.0
• Nitro Version: 2.11.9
• Package Manager: [email protected]
• Builder: -
• User Config: devtools, modules, css, future, compatibilityDate
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt and Vue

Version

v3.0.2

Reproduction

https://codesandbox.io/p/devbox/silly-yalow-gjr5w2 (I have used Vue template as Nuxt codesandbox is broken (error : Unable to start the microVM).

Description

Docs says:

These CSS variables are defined in Tailwind CSS's @theme so you can use them as classes:

And gives an exemple

<template>
  <span class="text-primary">Primary</span>
  <span class="text-secondary">Secondary</span>
  <span class="text-success">Success</span>
  <span class="text-info">Info</span>
  <span class="text-warning">Warning</span>
  <span class="text-error">Error</span>
</template>

But it doesn't work; the text is not colored.

Additional context

Same for other classes (text-dimmed etc...)

[benjamincanac]

This has been implemented in #3629 and will be released soon!