tailwindcss 4使用 @theme

Question

i安装了parwindcss 4，我遵循设置，因此：

NPM安装parwindcss @tailwindcss/vite

在vite.config.js

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})

在我的index.css

中

@import "tailwindcss";

现在，当我尝试使用此@theme时，它不起作用，它无法识别此规则，而且如果我应用十六进制值，它不起作用 我应该如何解决此问题？

@theme {--color-mint-500: oklch(0.72 0.11 178);}