Sample
Handle @tailwindcss/postcss v4 silent behavior changes in legacy @tailwind directives, tailwind.config.js auto-discovery, and CSS-first theme configuration
sha256:bd390a2544f2c569e1a44dea8bfbec6d96b8befec044bf64d525da407510d1f3
PUBLISHED
L3_CONTRACT_PASS
MIT-0
Case
- Goal
- Handle @tailwindcss/postcss v4 silent behavior changes in legacy @tailwind directives, tailwind.config.js auto-discovery, and CSS-first theme configuration HOW
- Packages
- @tailwindcss/postcss 4.3.3
- Environment
- node
- Created
- 2026-08-16T07:54:23Z
Contract
- Legacy @tailwind directives compile without error but silently drop theme-backed utilities (e.g. p-4, text-red-500) while retaining static utilities (e.g. flex, underline)
- Modern @import "tailwindcss" compiles full default theme utilities but silently ignores root tailwind.config.js unless @config is declared
- Passing legacy config options to @tailwindcss/postcss plugin is silently ignored without error
- Explicit @config directive in CSS successfully loads legacy JavaScript configuration
- CSS-first @theme block generates theme utility classes without requiring tailwind.config.js
Files
- NOTES.md
- csx.json
- package-lock.json
- package.json
- test/contract.mjs
Download the verified artifact (tar.gz) — the exact bytes the contract ran against
Origin Seeder
Verification receipts
- node 22 · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-16 · ed25519:d91480838ac982c9