From ac202ffd50e6009982da4d31db6e2aea3600666d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C5=A9=20V=C4=83n=20D=C5=A9ng?= <me@joulev.dev>
Date: Mon, 3 Feb 2025 22:16:14 +0800
Subject: [PATCH] Update upgrade CLI to handle `containers` config correctly
 (#16169)

---
 CHANGELOG.md                                             | 4 ++++
 packages/tailwindcss/src/compat/apply-config-to-theme.ts | 1 +
 2 files changed, 5 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7501b1399f2a..c2686352696a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing yet!
 
+### Fixed
+
+- Ensure that the `containers` JS theme key is added to the `--container-*` namespace. ([#16169](https://github.com/tailwindlabs/tailwindcss/pull/16169))
+
 ## [4.0.3] - 2025-02-01
 
 ### Fixed
diff --git a/packages/tailwindcss/src/compat/apply-config-to-theme.ts b/packages/tailwindcss/src/compat/apply-config-to-theme.ts
index c57e4308fcb7..d1fec30bc96c 100644
--- a/packages/tailwindcss/src/compat/apply-config-to-theme.ts
+++ b/packages/tailwindcss/src/compat/apply-config-to-theme.ts
@@ -151,6 +151,7 @@ export function keyPathToCssProperty(path: string[]) {
   if (path[0] === 'borderRadius') path[0] = 'radius'
   if (path[0] === 'boxShadow') path[0] = 'shadow'
   if (path[0] === 'colors') path[0] = 'color'
+  if (path[0] === 'containers') path[0] = 'container'
   if (path[0] === 'fontFamily') path[0] = 'font'
   if (path[0] === 'fontSize') path[0] = 'text'
   if (path[0] === 'letterSpacing') path[0] = 'tracking'