Tailwindcss v4 not working in nextjs shadcn

[ebharathi]

I use shadcn, the shadcn components are rendered correctly using tailwindv4 but if i try to use it in my own code, it is not.

Edit:
bg-destructive is working but not text-destructive. flex is working everywhere but grid is not working anywhere
Then if i add new color,its not working
--color-success ,its not even shown/updated in browser's inspect

[ebharathi]

I followed all the docs(inlc shadcn) & tried all ways , but for some reason still its not working
here is one of my repo which i forked my current project from https://github.com/ebharathi/nextauth-prisma-graphql

[pdsuwwz]

@ebharathi
Hello, I tried your repo locally and found it to be working. How are you running it ?

Additionally, when adding a new colors, such as success, it needs to be written like this to take effect:

@theme inline {
  --color-success: var(--success);
}

:root {
  --success: oklch(0.7 0.13 161);
}

Using text-destructive:

[pdsuwwz]

I have previously upgraded the tailwind v4 of a project.

You can refer to this repo nextjs-nextra-starter and Commits

CSS: styles/index.css