我希望能够通过styled-jsx添加类，它可以嵌套并具有顺风指令（@apply screen等）。现在它正在处理导入的css文件。以下是我的Vite配置：

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react({
      babel: {
        parserOpts: {
          plugins: [
            "styled-jsx/babel",
            // {
            //   plugins: ["styled-jsx-plugin-postcss"],
            // },
          ],
        },
      },
    }),
  ],
});

正如你所看到的，plugins: ["styled-jsx-plugin-postcss"]被注解了，因为它会导致一个错误，但是使用postcss设置是必不可少的。
如果有人感兴趣，这里是postcss.config.cjs（对于非Vite，它是.js）：

module.exports = {
  plugins: {
    'tailwindcss/nesting': 'postcss-nesting',
    'postcss-preset-env': {
      stage: 1
    },
    tailwindcss: {},
    autoprefixer: {},
  }
}

有没有一种方法可以在Vite.js中配置它（在Next.js中它是微不足道的，所以如果有人想提出这个想法，不要，这是关于Vite的！）