Add change log

tailwindlabs · Feb 3, 2025 · aead986 · aead986
1 parent 49405fd
commit aead986
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,7 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-- Nothing yet!
+### Fixed
+
+- Ensure CSS variables in arbitrary values are properly decoded ([#16206](https://github.com/tailwindlabs/tailwindcss/pull/16206))
 
 ## [4.0.3] - 2025-02-01
 

diff --git a/playgrounds/vite/src/app.tsx b/playgrounds/vite/src/app.tsx
@@ -2,7 +2,7 @@ export function App() {
   return (
     <div className="m-3 p-3 border">
       <h1 className="text-blue-500">Hello World</h1>
-      <div className="-inset-x-full -inset-y-full -space-x-full -space-y-full -inset-full"></div>
+      <div className="h-[var(--\_root-size)] text-[calc(0.2*var(--\_root-size))] [--Chip-decoratorChildHeight:calc(var(--\_Chip-minHeight)-0.25rem-2*var(--variant-borderWidth))] [--LinearProgress-progressRadius:max(var(--LinearProgress-radius)-var(--\_LinearProgress-padding),min(var(--\_LinearProgress-padding)/2,var(--LinearProgress-radius)/2))]"></div>
     </div>
   )
 }
diff --git a/playgrounds/vite/src/index.css b/playgrounds/vite/src/index.css
@@ -1 +1,2 @@
-@import 'tailwindcss';
+@reference 'tailwindcss/theme.css';
+@import 'tailwindcss/utilities.css';