Gazi's questions

Aqui estão os detalhes:

• Next.js v15.x
• TailwindCSS v4.x
• Hero UI: mais recente

As classes Tailwind funcionam, mas a interface do herói não mostra nenhum estilo.

pacote.json

{
  "dependencies": {
    "@heroui/react": "^2.7.6",
    "axios": "^1.8.4",
    "framer-motion": "^12.6.5",
    "next": "15.3.0",
    "next-auth": "^4.24.11",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  },
  "devDependencies": {
    "@eslint/eslintrc": "^3",
    "@tailwindcss/postcss": "^4.1.3",
    "@types/node": "^20",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "autoprefixer": "^10.4.21",
    "eslint": "^9",
    "eslint-config-next": "15.3.0",
    "postcss": "^8.5.3",
    "tailwindcss": "^4.1.3",
    "typescript": "^5"
  }
}

postcss.config.mjs

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  }
}

globais.css

@import 'tailwindcss';
@source '../node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}';

@custom-variant dark (&:is(.dark *));

Como posso resolver isso?