From b27065e6d53cf808a82c2d84492daeacb4054ab7 Mon Sep 17 00:00:00 2001
From: abdelrhmanahmed <abdelrhmanahmedd2018@gmail.com>
Date: Sun, 27 Sep 2026 01:31:29 +0300
Subject: [PATCH 1/5] test(utilities): add test suite for interpolate-size
 utility

---
 packages/tailwindcss/src/utilities.test.ts | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts
index 66b051d57961..e47519c15179 100644
--- a/packages/tailwindcss/src/utilities.test.ts
+++ b/packages/tailwindcss/src/utilities.test.ts
@@ -3266,6 +3266,23 @@ test('field-sizing', async () => {
   ).toEqual('')
 })
 
+test('interpolate-size', async () => {
+  expect(await run(['interpolate-size-allow', 'interpolate-size-numeric'])).toMatchInlineSnapshot(`
+    "
+    .interpolate-size-allow {
+      interpolate-size: allow-keywords;
+    }
+
+    .interpolate-size-numeric {
+      interpolate-size: numeric-only;
+    }
+    "
+  `)
+  expect(
+    await run(['interpolate-size-[other]', '-interpolate-size-allow', '-interpolate-size-numeric']),
+  ).toEqual('')
+})
+
 test('aspect-ratio', async () => {
   expect(
     await run(

From 24d7462d6037e98086f57c40748296604f9b14dd Mon Sep 17 00:00:00 2001
From: abdelrhmanahmed <abdelrhmanahmedd2018@gmail.com>
Date: Sun, 27 Sep 2026 01:31:48 +0300
Subject: [PATCH 2/5] feat(utilities): add property order entry for
 interpolate-size

---
 packages/tailwindcss/src/property-order.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/tailwindcss/src/property-order.ts b/packages/tailwindcss/src/property-order.ts
index bf9f0791acdf..2aa65955e91d 100644
--- a/packages/tailwindcss/src/property-order.ts
+++ b/packages/tailwindcss/src/property-order.ts
@@ -52,6 +52,7 @@ export default [
   'display',
 
   'field-sizing',
+  'interpolate-size',
   'aspect-ratio',
   'height',
   'max-height',

From f73264471c803dd1b952c68f857271704865f0e6 Mon Sep 17 00:00:00 2001
From: abdelrhmanahmed <abdelrhmanahmedd2018@gmail.com>
Date: Sun, 27 Sep 2026 01:32:16 +0300
Subject: [PATCH 3/5] feat(utilities): implement interpolate-size-allow and
 interpolate-size-numeric utilities

---
 packages/tailwindcss/src/utilities.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index 477559d7ea67..37699b4330ca 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -989,6 +989,12 @@ export function createUtilities(theme: Theme) {
   staticUtility('field-sizing-content', [['field-sizing', 'content']])
   staticUtility('field-sizing-fixed', [['field-sizing', 'fixed']])
 
+  /**
+   * @css `interpolate-size`
+   */
+  staticUtility('interpolate-size-allow', [['interpolate-size', 'allow-keywords']])
+  staticUtility('interpolate-size-numeric', [['interpolate-size', 'numeric-only']])
+
   /**
    * @css `aspect-ratio`
    */

From 7b7e7795b5ee22e3271e248d00a574c72fe7c358 Mon Sep 17 00:00:00 2001
From: abdelrhmanahmed <abdelrhmanahmedd2018@gmail.com>
Date: Sun, 27 Sep 2026 01:32:45 +0300
Subject: [PATCH 4/5] docs(utilities): document interpolate-size utilities in
 changelog

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e5e6f6f89805..3ae7d28ef789 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Add `@tailwindcss/turbopack` package to run Tailwind CSS with Next.js ([20367](https://github.com/tailwindlabs/tailwindcss/pull/20367))
+- Add `interpolate-size` utilities (`interpolate-size-allow`, `interpolate-size-numeric`) for CSS keyword animation support
 
 ### Fixed
 

From ad50da218120744c98fbc734df77fe54034933b7 Mon Sep 17 00:00:00 2001
From: abdelrhmanahmed <abdelrhmanahmedd2018@gmail.com>
Date: Sun, 27 Sep 2026 02:29:51 +0300
Subject: [PATCH 5/5] docs(changelog): link PR #20518 in changelog entry

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3ae7d28ef789..2d6a69889157 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,7 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Add `@tailwindcss/turbopack` package to run Tailwind CSS with Next.js ([20367](https://github.com/tailwindlabs/tailwindcss/pull/20367))
-- Add `interpolate-size` utilities (`interpolate-size-allow`, `interpolate-size-numeric`) for CSS keyword animation support
+- Add `interpolate-size` utilities (`interpolate-size-allow`, `interpolate-size-numeric`) for CSS keyword animation support ([#20518](https://github.com/tailwindlabs/tailwindcss/pull/20518))
 
 ### Fixed