tailwindcss neutral color missing

[Racusthor]

Environment

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

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.1.0

Reproduction

/* main.css */
@import "tailwindcss" theme(static);
@import "@nuxt/ui";

Description

When using the css above, the neutral color (eg. --color-neutral-50, --color-neutral-100, etc ) tailwind variables are missing in the output css file (in :root, :host {} )
They are there when not importing @nuxt/ui

Additional context

No response

Logs

[benjamincanac]

This is intended, we convert the default Tailwind CSS color named neutral to old-neutral and define our own dynamic neutral color based on AppConfig but this shouldn't be a problem for you. What issue are you encountering exactly?

https://github.com/nuxt/ui/blob/v3/src/templates.ts#L80

[Racusthor]

I import the tailwind colors and then use the tailwind css variables in my colorpicker:

import colors from 'tailwindcss/colors'

      class="inline-block bg-[var(--color-light)] dark:bg-[var(--color-dark)] rounded-full size-4" :style="{
        '--color-light': `var(--color-${color}-500)`,
        '--color-dark': `var(--color-${color}-400)`,
      }"
    />

It seems, due to this, it's no longer possible to assign de tailwind 'neutral' color to Nuxt UI neutral:
appConfig.ui.colors.neutral = 'neutral'
appConfig.ui.colors.neutral = 'old-neutral'

both of these do not work.