Tailwind v4 upgrade

[kentcdodds]

Summary

This PR upgrades the project to Tailwind CSS v4. Key changes include:

• Migrating to a configless Tailwind setup by removing tailwind.config.ts and postcss.config.js.
• Integrating Tailwind v4 via @tailwindcss/vite plugin.
• Consolidating theme tokens, animations, and container utility directly into app/styles/tailwind.css using Tailwind v4's new @theme and @utility directives.
• Updating Tailwind dependencies and adding tw-animate-css for animation utilities.

Test Plan

1. Run npm install to ensure all new dependencies are installed.
2. Run npm run build to verify the Tailwind v4 build pipeline completes successfully.
3. Run npm run dev and manually check the homepage styling in the browser to ensure all styles render correctly.

Checklist

• Tests updated
• Docs updated

Screenshots

Homepage styling renders correctly after Tailwind v4.

---

 

[cursor]

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}