extend colors not working as intended

[Mert Certel]

Application can't recognize my custom tailwind colors and any other configs. you can find the replication links below. i believe it should be zero config however is there any custom config that i can register my custom config?

Thank you.

Version

@nuxtjs/tailwindcss: 6.10.3
nuxt: 3.9.0

Reproduction Link

https://stackblitz.com/edit/github-b1cqpz?file=package.json,nuxt.config.ts,app.vue,tailwind.config.js

What is Expected?

with the same config, expected result should be same as tailwind playgroud.

https://play.tailwindcss.com/WyWVFz0yGv?file=config

What is actually happening?

the tailwind nuxt module can't recognize extended tailwind config.