Skip to content

Daffa Pramuditya Roles: Web Developer, Freelancer, AI Engineer

Topic

Tailwind v4 Build-Time Pitfalls

Tailwind v4 decides a lot at build time, not runtime, and that's where your classes silently disappear. Tree-shaking that drops a CSS variable, `@source` resurrecting classes you already deleted, and `var()` inside `@theme` that never resolves. Read this when a utility class 'does nothing' in production but works fine in dev.

← All articles 11 articles

Browse by topic

Start here Jun 22, 2026 4 min read

Tailwind v4 Compiles at Build Time, My New Classes (pl-16, h-7) Did Nothing in Production
Sep 29, 2026 7 min read

Tailwind 4 Breakpoints Not Working on Older Safari After Moving to Astro? The Minifier Puts (width>=40rem) Back
Aug 31, 2026 5 min read

Footer lg:grid-cols-[1.6fr_repeat(6,minmax(0,1fr))] Collapses to Three Columns in Tailwind v4? Arbitrary Values That Vanish at Compile
Aug 8, 2026 5 min read

Clipped Letters in Big Headings? Tailwind v4 text-5xl Quietly Ships line-height: 1
Jul 30, 2026 5 min read

Hero Text Overlapping the Phone Image on Mobile? object-cover Silently Re-centers When an absolute Layer Stretches Past min-height
Jul 14, 2026 4 min read

next/font Not Applying in Tailwind v4? var() Inside @theme Resolves at Build Time, Not Runtime
Jul 10, 2026 4 min read

Text With text-[oklch(0.97_0.01_260/0.80)] Renders With No Color in Tailwind v4? The Trailing Zero Means the Class Never Compiles
Jul 3, 2026 4 min read

Utility Classes Lose to .prose-dark h4 by Specificity, Wrap Prose Rules in :where()
Jul 3, 2026 4 min read

Tailwind v4 @source Resurrects Classes You Already Deleted, Exclude the Seed/Import Folder
Jul 2, 2026 4 min read

Tailwind v4 Preflight Kills WordPress alignleft/alignright, Restore It Without clear:both on Headings
Jun 21, 2026 4 min read

Tailwind v4 Tree-Shook My CSS Variable → Text Shipped Invisible White in Production