Re-enable: Only expose used CSS variables

CHANGELOG.md

@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - _Experimental_: Add `user-valid` and `user-invalid` variants ([#12370](https://github.com/tailwindlabs/tailwindcss/pull/12370))
 
+### Changed
+
+- Don't include theme variables that aren't used in compiled CSS ([#16211](https://github.com/tailwindlabs/tailwindcss/pull/16211), [#16676](https://github.com/tailwindlabs/tailwindcss/pull/16676))
+
 ### Fixed
 
 - Remove invalid `!important` on CSS variable declarations ([#16668](https://github.com/tailwindlabs/tailwindcss/pull/16668))
@@ -44,9 +48,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Revert change to no longer include theme variables that aren't used in compiled CSS ([#16403](https://github.com/tailwindlabs/tailwindcss/pull/16403))
-
-### Fixed
-
 - Upgrade: Don't migrate `blur` to `blur-sm` when used with Next.js `<Image placeholder="blur" />` ([#16405](https://github.com/tailwindlabs/tailwindcss/pull/16405))
 
 ## [4.0.5] - 2025-02-08

integrations/cli/index.test.ts

@@ -1289,9 +1289,7 @@ test(
  expect(await fs.dumpFiles('./dist/*.css')).toMatchInlineSnapshot(`
  "
  --- ./dist/out.css ---
- :root, :host {
- --color-blue-500: blue;
- }
+ <EMPTY>
  "
  `)
 

packages/@tailwindcss-postcss/src/index.test.ts

@@ -330,11 +330,7 @@ test('runs `Once` plugins in the right order', async () => {
  )
 
  expect(result.css.trim()).toMatchInlineSnapshot(`
- ":root, :host {
- --color-red-500: red;
- }
-
- .custom-css {
+ ".custom-css {
  color: red;
  }"
  `)
@@ -347,11 +343,7 @@ test('runs `Once` plugins in the right order', async () => {
  }"
  `)
  expect(after).toMatchInlineSnapshot(`
- ":root, :host {
- --color-red-500: red;
- }
-
- .custom-css {
+ ".custom-css {
  color: red;
  }"
  `)