Delete tailwind.config.ts and migrate to CSS-native declarations#1964
Merged
Conversation
Migrate all remaining JS config contents to Tailwind v4 CSS: - Logo gradient, max-width, keyframes, animations → @theme block - content-auto/hidden/visible → static @Utility declarations - intrinsic-size-* → functional @Utility with --spacing/--value - z-index semantic scale → @Utility declarations - data-open/data-closed → @custom-variant (Radix convention) - transition-width → transition-[width] (arbitrary value) Drop without replacement (native in v4): - extend.aria.invalid (built-in aria-invalid: variant) - extend.data.open/closed (replaced by @custom-variant above) - fontFamily (Tailwind default sans stack renders same system font) Also removes the @config directive from index.css and the coverage exclusion from vite.config.ts.
kmcginnes
force-pushed
the
delete-tailwind-config
branch
from
July 16, 2026 21:46
ecfef8c to
3a9dec2
Compare
kmcginnes
marked this pull request as ready for review
July 16, 2026 23:30
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
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.
Description
Eliminates the JS config file entirely by migrating all its remaining contents to Tailwind v4 CSS-native declarations. After this,
index.cssis the single source of truth for all styling tokens, utilities, and theme values — no JS config, no@configdirective.What moved:
@themeblock@utilitydeclarations@utilitywith--spacing(--value(integer))@utilitydeclarations (z-index has no theme namespace in v4)@custom-variant(Radix'sdata-stateconvention)transition-[width](native arbitrary value syntax)What was dropped (native in v4):
extend.aria.invalid— built-inaria-invalid:variantextend.data.open/closed— replaced by@custom-variantabovefontFamily— Tailwind default sans renders same system font (Nunito Sans was never loaded)Verified working: production build compiles all custom utilities into output CSS, all 2178 tests pass.
How to read
@custom-variant,@theme, and@utilityblockstransition-width→transition-[width]Validation
pnpm checkspassespnpm testpasses (2178 tests)pnpm buildpasses — verified custom utilities (content-visibility, contain-intrinsic-size, z-index, logo-gradient, animations) all appear in compiled CSS outputRelated Issues
Check List
pnpm checkspasses with no errors.pnpm testpasses with no failures.