chore: migrate to tailwind css v4

[Copilot]

Migrates from Tailwind CSS v3.4.18 to v4.1.17, adopting the new CSS-first configuration approach.

Configuration Migration

• CSS imports: Replaced @tailwind directives with @import 'tailwindcss'
• Theme config: Moved from tailwind.config.ts to inline @theme directive in globals.css
• PostCSS: Updated to use @tailwindcss/postcss plugin
• Font application: Converted @apply font-primary text-text to vanilla CSS properties (v4 requires theme variables to be fully declared before use)

Example

/* Before (v3) */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* After (v4) */
@import 'tailwindcss';

@theme {
  --font-family-primary: CircularStd, ui-sans-serif, system-ui, sans-serif;
  --color-primary: #ff5c24;
}

Dependencies

• Added @tailwindcss/postcss 4.1.17
• Removed tailwind.config.ts (no longer needed)
• Updated prettier plugin configuration for v4 class ordering

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
sentiment	Ready	Preview	Comment	Dec 9, 2025 1:57am

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.