Skip to content

Upgrade Tailwind to v4 #562

@kyrkjedelen

Description

@kyrkjedelen

What?

Update the package.json and pnpm-lock.yaml so the project uses Tailwind v4 instead of v3
Remove deprecated features and replace them (if replacements exist)

Why?

Cleaner project configuration. Less code. V4 removes tailwind.config.ts and puts the configuration in the global CSS file instead.

How?

Follow the instructions in the official Tailwind v4 upgrade guide https://tailwindcss.com/docs/upgrade-guide

ctrl + shift + f to search through the whole project file and replace the deprecated utilities with their new versions

Remove PostCSS as a dependency pnpm remove postcss postcss-import and just use the Tailwind Vite plugin instead https://tailwindcss.com/docs/upgrade-guide#using-postcss

Upgrade DaisyUI to a version that supports Tailwind v4, or remove DaisyUI entirely as a dependency by rewriting their style classes in pure Tailwind https://v5.daisyui.com/docs/v5-beta/

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions