use @theme to extend the default theme not work in nuxt4

[flowerofmycountry]

use @theme to extend the default theme not work in nuxt4

nuxt.config.ts
`
import tailwindcss from "@tailwindcss/vite";

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
future: {
compatibilityVersion: 4,
},
css: ['~/assets/css/main.css'],
vite: {
plugins: [
tailwindcss(),
],
},
compatibilityDate: '2024-11-01',
devtools: { enabled: true },
})
`

main.css
`
@import "tailwindcss";

@theme {
--color-h5-bg: #F5F7FA;
}
`

[wongjn]

Consider providing a git repo that reproduces the unexpected behavior