我的Tailwind样式不适用于使用npm run build + npm run start制作的生产版本。
当我做npm run dev的样式工作和我的页面看起来像（紫色按钮）：

当我在构建后执行npm run start时，我的页面看起来像：

这是我的文件夹结构：

这是我的tailwind. config.js：

/** @type {import('tailwindcss').Config} */
/* eslint-env node */
module.exports = {
    content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
    theme: {
        extend: {},
        fontFamily: {
            sans: ['Roboto', 'sans-serif'],
        },
    },
    plugins: [],
}

这是我的postcss.config.js：

/* eslint-env node */
module.exports = {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
    },
}

这是我的global.css文件：

@tailwind base;
@tailwind components;
@tailwind utilities;

我还添加了tailwindcss作为依赖项和devDependency，但它仍然没有修复它。
你知道如何让它在生产构建中工作吗？