Preact+Vite项目中部分Tailwind默认样式类突然失效求助

我在Preact+Vite3项目中使用TailwindCSS v3，原本一切正常，主题扩展也能正常工作。但调整Tailwind配置后，部分默认样式类突然失效——即使恢复配置甚至移除所有主题扩展也无法恢复。比如p-1、px-2这类padding为1、2的类完全失效，但p-3、py-4等类仍能正常使用。

我已经尝试过以下方法，均未解决问题：

• 清除node_modules后重新安装
• 执行vite build后预览
• 清除浏览器缓存、更换浏览器

相关配置文件 #

postcss.config.cjs #

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

tailwind.config.cjs #

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        "primary": "#242424",
        "gray": {
          "1": "#EAEAEA",
          "2": "#ACB5BD",
          "3": "#838A90",
          "4": "#2B2F35",
        }
      },
      borderWidth: {
        '05': '0.5px',
      }
    },
  },
  plugins: [],
}

package.json #

{
  "name": "editor",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "preact": "^10.10.1",
    "react-icons": "^4.4.0"
  },
  "devDependencies": {
    "@preact/preset-vite": "^2.3.0",
    "autoprefixer": "^10.4.12",
    "postcss": "^8.4.16",
    "tailwindcss": "^3.1.8",
    "typescript": "^4.6.4",
    "vite": "^3.0.7"
  }
}

请问有人知道这是什么原因吗？

内容的提问来源于stack exchange，提问作者kitta