Skip to content

Update build and styling tooling (Tailwind v4, Vite plugin)#78

Open
yepzdk wants to merge 1 commit intofeature/dependency-security-updatesfrom
feature/update-build-styling-tooling
Open

Update build and styling tooling (Tailwind v4, Vite plugin)#78
yepzdk wants to merge 1 commit intofeature/dependency-security-updatesfrom
feature/update-build-styling-tooling

Conversation

@yepzdk
Copy link
Contributor

@yepzdk yepzdk commented Feb 26, 2026

Summary

Closes #70.

  • Migrate Tailwind CSS v3 → v4 using the @tailwindcss/vite plugin (replaces PostCSS-based setup)
  • Delete postcss.config.js and tailwind.config.js (no longer needed — Tailwind v4 defaults match our config)
  • Remove autoprefixer (handled internally by Tailwind v4)
  • Remove unused vite-svg-loader (Vue-oriented plugin; SVGs already use Vite-native ?url/?raw suffixes)
  • Bump @vitejs/plugin-react v4 → v5

Depends on PR #72 — this branch is based on feature/dependency-security-updates.

Test plan

  • npm run build passes
  • npm run lint:js passes
  • All pages render correctly (front page, route detail, points list, map view, FAQ)
  • Dark mode styling intact across all components
  • Skip links work with keyboard focus
  • Loading skeletons display correctly

Replace PostCSS-based Tailwind v3 with the @tailwindcss/vite plugin,
removing the need for postcss.config.js and tailwind.config.js. Remove
unused vite-svg-loader (Vue-oriented) and bump @vitejs/plugin-react to v5.
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