chore: migrate Tailwind v3.4 to v4 - #101
Merged
Merged
Conversation
- Upgrade tailwindcss 3.4 → 4.3.1, add @tailwindcss/vite plugin - Replace PostCSS-based setup with @tailwindcss/vite in vite.config.ts - Migrate src/styles.css: @tailwind directives → @import "tailwindcss" - Add @theme inline block with fontFamily and all semantic color tokens (brand-*, surface-*, content-*, border-*, accent-*, feedback-*) - Remove tailwind.config.js (no longer needed in v4 CSS-first config) - Clear postcss.config.js (v4 Vite plugin handles prefixing + imports) - Update renamed v4 utilities: shadow-sm→shadow-xs, rounded-sm→rounded-xs, outline-none→outline-hidden across Button, EditableField, JdInput, JdMatch, Result Refs #22 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
s-annam
changed the title
s-annam
changed the title
s-annam
added a commit
that referenced
this pull request
Jun 25, 2026
- Upgrade tailwindcss 3.4 → 4.3.1, add @tailwindcss/vite plugin - Replace PostCSS-based setup with @tailwindcss/vite in vite.config.ts - Migrate src/styles.css: @tailwind directives → @import "tailwindcss" - Add @theme inline block with fontFamily and all semantic color tokens (brand-*, surface-*, content-*, border-*, accent-*, feedback-*) - Remove tailwind.config.js (no longer needed in v4 CSS-first config) - Clear postcss.config.js (v4 Vite plugin handles prefixing + imports) - Update renamed v4 utilities: shadow-sm→shadow-xs, rounded-sm→rounded-xs, outline-none→outline-hidden across Button, EditableField, JdInput, JdMatch, Result Refs #22 Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
s-annam
added a commit
that referenced
this pull request
Jun 28, 2026
- Upgrade tailwindcss 3.4 → 4.3.1, add @tailwindcss/vite plugin - Replace PostCSS-based setup with @tailwindcss/vite in vite.config.ts - Migrate src/styles.css: @tailwind directives → @import "tailwindcss" - Add @theme inline block with fontFamily and all semantic color tokens (brand-*, surface-*, content-*, border-*, accent-*, feedback-*) - Remove tailwind.config.js (no longer needed in v4 CSS-first config) - Clear postcss.config.js (v4 Vite plugin handles prefixing + imports) - Update renamed v4 utilities: shadow-sm→shadow-xs, rounded-sm→rounded-xs, outline-none→outline-hidden across Button, EditableField, JdInput, JdMatch, Result Refs #22 Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Migrates ResumeLint from Tailwind v3.4 to v4. Upgrades
tailwindcss3.4 → 4.3.1, swaps the PostCSS-based setup for the@tailwindcss/viteplugin, ports the config into a CSS-first@theme inlineblock insrc/styles.css(all semantic tokens preserved), removestailwind.config.js, and updates renamed v4 utilities (shadow-sm→shadow-xs,rounded-sm→rounded-xs,outline-none→outline-hidden).No behavior change — config/styling migration only. Scoped to exclude unrelated phone-handling work.
Refs #22
Test plan
npm run typecheckcleannpm run testgreennpm run dev/npm run preview