Skip to content

feat(frontend): upgrade Tailwind CSS v4 + DaisyUI v5#1

Merged
revtex merged 1 commit intomainfrom
upgrade/tailwind4-daisyui5
Apr 13, 2026
Merged

feat(frontend): upgrade Tailwind CSS v4 + DaisyUI v5#1
revtex merged 1 commit intomainfrom
upgrade/tailwind4-daisyui5

Conversation

@revtex
Copy link
Copy Markdown
Owner

@revtex revtex commented Apr 13, 2026

Summary

Upgrades the frontend styling stack from Tailwind CSS 3 + DaisyUI 4 to Tailwind CSS 4.2 + DaisyUI 5.

Changes

  • Build config: Replace PostCSS-based Tailwind with @tailwindcss/vite plugin; delete postcss.config.js and tailwind.config.ts
  • CSS: Rewrite index.css with CSS-first config (@import, @plugin, @utility); add DaisyUI v5 design tokens to custom themes
  • Component migrations (14 files):
    • form-controlflex flex-col
    • label-texttext-sm, label-text-alttext-xs
    • Remove *-bordered modifiers (input, select, textarea, file-input)
    • Remove .label wrapper divs; convert toggle labels to flex items-center
  • Packages: Remove postcss-import, autoprefixer; add @tailwindcss/vite

Verification

  • TypeScript: clean (tsc --noEmit)
  • Tests: 351 passing
  • Production build: succeeds

- Upgrade tailwindcss 3→4.2, daisyui 4→5, add @tailwindcss/vite plugin
- Remove postcss.config.js and tailwind.config.ts (CSS-first config)
- Rewrite index.css: @import tailwindcss, @plugin daisyui, custom themes
- Add DaisyUI v5 design tokens to custom themes (--radius-*, --size-*, etc.)
- Migrate removed classes across 14 component files:
  - form-control → flex flex-col
  - label-text → text-sm, label-text-alt → text-xs
  - Remove input-bordered, select-bordered, textarea-bordered, file-input-bordered
  - Remove .label wrapper divs, convert label toggles to flex
- Convert @Utility blocks for led-branding, led-indicator, history-row
- Remove postcss-import, autoprefixer, tailwindcss PostCSS plugins
@revtex revtex merged commit 7be2a7a into main Apr 13, 2026
3 checks passed
@revtex revtex deleted the upgrade/tailwind4-daisyui5 branch April 13, 2026 00:30
revtex added a commit that referenced this pull request Apr 25, 2026
Resolves Dependabot alert #1: "PostCSS has XSS via unescaped </style> in
CSS stringify output" (medium).\n\nPostCSS is a dev-only transitive dep
of Vite/Tailwind and never reaches the production runtime, but pinning
it removes the alert and ensures contributors build against the patched
version. Adds a pnpm `overrides` entry; lockfile updated to 8.5.10.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant