Remix Tailwind v3

app\root.tsx.diff

+ import '#app/tailwind.css'

postcss.config.cjs

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

tailwind.config.ts.test

import { type Config } from "tailwindcss"

const config = {
  darkMode: ["class"],
  content: [
    "./pages/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./app/**/*.{ts,tsx}",
    "./src/**/*.{ts,tsx}",
  ],
  prefix: "",
  theme: {
    extend: {},
  },
} satisfies Config

export default config

tailwind.css

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