From c3809efd71c6e25d740c0f4a3eead79b64f53a2c Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 29 Jan 2026 14:37:11 +0000
Subject: [PATCH 1/4] Add logical inset utilities (inset-s, inset-e, inset-bs,
 inset-be)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add new logical property-based inset utilities:
- inset-s-* → inset-inline-start (alias for start-*)
- inset-e-* → inset-inline-end (alias for end-*)
- inset-bs-* → inset-block-start (new)
- inset-be-* → inset-block-end (new)

These utilities support the same value set as other inset utilities including
spacing scale values, arbitrary values, auto, full, and negative values.

https://claude.ai/code/session_01JcYXVAMawRuntKatjku1WZ
---
 packages/tailwindcss/src/property-order.ts |   2 +
 packages/tailwindcss/src/utilities.test.ts | 348 +++++++++++++++++++++
 packages/tailwindcss/src/utilities.ts      |   4 +
 3 files changed, 354 insertions(+)

diff --git a/packages/tailwindcss/src/property-order.ts b/packages/tailwindcss/src/property-order.ts
index 03d0440ae083..5177d8e2f405 100644
--- a/packages/tailwindcss/src/property-order.ts
+++ b/packages/tailwindcss/src/property-order.ts
@@ -11,6 +11,8 @@ export default [
   'inset-block',
   'inset-inline-start',
   'inset-inline-end',
+  'inset-block-start',
+  'inset-block-end',
   'top',
   'right',
   'bottom',
diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts
index a6c1ce91e850..479e362232b7 100644
--- a/packages/tailwindcss/src/utilities.test.ts
+++ b/packages/tailwindcss/src/utilities.test.ts
@@ -654,6 +654,354 @@ test('end', async () => {
   ).toEqual('')
 })
 
+test('inset-s', async () => {
+  expect(
+    await compileCss(
+      css`
+        @theme {
+          --spacing-4: 1rem;
+          --inset-shadowned: 1940px;
+        }
+        @tailwind utilities;
+      `,
+      [
+        'inset-s-shadowned',
+        'inset-s-auto',
+        '-inset-s-full',
+        'inset-s-full',
+        'inset-s-3/4',
+        'inset-s-4',
+        '-inset-s-4',
+        'inset-s-[4px]',
+      ],
+    ),
+  ).toMatchInlineSnapshot(`
+    ":root, :host {
+      --spacing-4: 1rem;
+      --inset-shadowned: 1940px;
+    }
+
+    .-inset-s-4 {
+      inset-inline-start: calc(var(--spacing-4) * -1);
+    }
+
+    .-inset-s-full {
+      inset-inline-start: -100%;
+    }
+
+    .inset-s-3\\/4 {
+      inset-inline-start: 75%;
+    }
+
+    .inset-s-4 {
+      inset-inline-start: var(--spacing-4);
+    }
+
+    .inset-s-\\[4px\\] {
+      inset-inline-start: 4px;
+    }
+
+    .inset-s-auto {
+      inset-inline-start: auto;
+    }
+
+    .inset-s-full {
+      inset-inline-start: 100%;
+    }
+
+    .inset-s-shadowned {
+      inset-inline-start: var(--inset-shadowned);
+    }"
+  `)
+  expect(
+    await compileCss(
+      css`
+        @theme reference {
+          --spacing-4: 1rem;
+          --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
+        }
+        @tailwind utilities;
+      `,
+      [
+        'inset-s-shadow-sm',
+        'inset-s',
+        'inset-s--1',
+        'inset-s--1/2',
+        'inset-s--1/-2',
+        'inset-s-1/-2',
+        'inset-s-auto/foo',
+        '-inset-s-full/foo',
+        'inset-s-full/foo',
+        'inset-s-3/4/foo',
+        'inset-s-4/foo',
+        '-inset-s-4/foo',
+        'inset-s-[4px]/foo',
+      ],
+    ),
+  ).toEqual('')
+})
+
+test('inset-e', async () => {
+  expect(
+    await compileCss(
+      css`
+        @theme {
+          --spacing-4: 1rem;
+          --inset-shadowned: 1940px;
+        }
+        @tailwind utilities;
+      `,
+      [
+        'inset-e-shadowned',
+        'inset-e-auto',
+        '-inset-e-full',
+        'inset-e-full',
+        'inset-e-3/4',
+        'inset-e-4',
+        '-inset-e-4',
+        'inset-e-[4px]',
+      ],
+    ),
+  ).toMatchInlineSnapshot(`
+    ":root, :host {
+      --spacing-4: 1rem;
+      --inset-shadowned: 1940px;
+    }
+
+    .-inset-e-4 {
+      inset-inline-end: calc(var(--spacing-4) * -1);
+    }
+
+    .-inset-e-full {
+      inset-inline-end: -100%;
+    }
+
+    .inset-e-3\\/4 {
+      inset-inline-end: 75%;
+    }
+
+    .inset-e-4 {
+      inset-inline-end: var(--spacing-4);
+    }
+
+    .inset-e-\\[4px\\] {
+      inset-inline-end: 4px;
+    }
+
+    .inset-e-auto {
+      inset-inline-end: auto;
+    }
+
+    .inset-e-full {
+      inset-inline-end: 100%;
+    }
+
+    .inset-e-shadowned {
+      inset-inline-end: var(--inset-shadowned);
+    }"
+  `)
+  expect(
+    await compileCss(
+      css`
+        @theme reference {
+          --spacing-4: 1rem;
+          --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
+        }
+        @tailwind utilities;
+      `,
+      [
+        'inset-e-shadow-sm',
+        'inset-e',
+        'inset-e--1',
+        'inset-e--1/2',
+        'inset-e--1/-2',
+        'inset-e-1/-2',
+        'inset-e-auto/foo',
+        '-inset-e-full/foo',
+        'inset-e-full/foo',
+        'inset-e-3/4/foo',
+        'inset-e-4/foo',
+        '-inset-e-4/foo',
+        'inset-e-[4px]/foo',
+      ],
+    ),
+  ).toEqual('')
+})
+
+test('inset-bs', async () => {
+  expect(
+    await compileCss(
+      css`
+        @theme {
+          --spacing-4: 1rem;
+          --inset-shadowned: 1940px;
+        }
+        @tailwind utilities;
+      `,
+      [
+        'inset-bs-shadowned',
+        'inset-bs-auto',
+        '-inset-bs-full',
+        'inset-bs-full',
+        'inset-bs-3/4',
+        'inset-bs-4',
+        '-inset-bs-4',
+        'inset-bs-[4px]',
+      ],
+    ),
+  ).toMatchInlineSnapshot(`
+    ":root, :host {
+      --spacing-4: 1rem;
+      --inset-shadowned: 1940px;
+    }
+
+    .-inset-bs-4 {
+      inset-block-start: calc(var(--spacing-4) * -1);
+    }
+
+    .-inset-bs-full {
+      inset-block-start: -100%;
+    }
+
+    .inset-bs-3\\/4 {
+      inset-block-start: 75%;
+    }
+
+    .inset-bs-4 {
+      inset-block-start: var(--spacing-4);
+    }
+
+    .inset-bs-\\[4px\\] {
+      inset-block-start: 4px;
+    }
+
+    .inset-bs-auto {
+      inset-block-start: auto;
+    }
+
+    .inset-bs-full {
+      inset-block-start: 100%;
+    }
+
+    .inset-bs-shadowned {
+      inset-block-start: var(--inset-shadowned);
+    }"
+  `)
+  expect(
+    await compileCss(
+      css`
+        @theme reference {
+          --spacing-4: 1rem;
+          --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
+        }
+        @tailwind utilities;
+      `,
+      [
+        'inset-bs-shadow-sm',
+        'inset-bs',
+        'inset-bs--1',
+        'inset-bs--1/2',
+        'inset-bs--1/-2',
+        'inset-bs-1/-2',
+        'inset-bs-auto/foo',
+        '-inset-bs-full/foo',
+        'inset-bs-full/foo',
+        'inset-bs-3/4/foo',
+        'inset-bs-4/foo',
+        '-inset-bs-4/foo',
+        'inset-bs-[4px]/foo',
+      ],
+    ),
+  ).toEqual('')
+})
+
+test('inset-be', async () => {
+  expect(
+    await compileCss(
+      css`
+        @theme {
+          --spacing-4: 1rem;
+          --inset-shadowned: 1940px;
+        }
+        @tailwind utilities;
+      `,
+      [
+        'inset-be-shadowned',
+        'inset-be-auto',
+        '-inset-be-full',
+        'inset-be-full',
+        'inset-be-3/4',
+        'inset-be-4',
+        '-inset-be-4',
+        'inset-be-[4px]',
+      ],
+    ),
+  ).toMatchInlineSnapshot(`
+    ":root, :host {
+      --spacing-4: 1rem;
+      --inset-shadowned: 1940px;
+    }
+
+    .-inset-be-4 {
+      inset-block-end: calc(var(--spacing-4) * -1);
+    }
+
+    .-inset-be-full {
+      inset-block-end: -100%;
+    }
+
+    .inset-be-3\\/4 {
+      inset-block-end: 75%;
+    }
+
+    .inset-be-4 {
+      inset-block-end: var(--spacing-4);
+    }
+
+    .inset-be-\\[4px\\] {
+      inset-block-end: 4px;
+    }
+
+    .inset-be-auto {
+      inset-block-end: auto;
+    }
+
+    .inset-be-full {
+      inset-block-end: 100%;
+    }
+
+    .inset-be-shadowned {
+      inset-block-end: var(--inset-shadowned);
+    }"
+  `)
+  expect(
+    await compileCss(
+      css`
+        @theme reference {
+          --spacing-4: 1rem;
+          --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
+        }
+        @tailwind utilities;
+      `,
+      [
+        'inset-be-shadow-sm',
+        'inset-be',
+        'inset-be--1',
+        'inset-be--1/2',
+        'inset-be--1/-2',
+        'inset-be-1/-2',
+        'inset-be-auto/foo',
+        '-inset-be-full/foo',
+        'inset-be-full/foo',
+        'inset-be-3/4/foo',
+        'inset-be-4/foo',
+        '-inset-be-4/foo',
+        'inset-be-[4px]/foo',
+      ],
+    ),
+  ).toEqual('')
+})
+
 test('top', async () => {
   expect(
     await compileCss(
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index 0661a910912f..7375b238f712 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -624,6 +624,10 @@ export function createUtilities(theme: Theme) {
     ['inset', 'inset'],
     ['inset-x', 'inset-inline'],
     ['inset-y', 'inset-block'],
+    ['inset-s', 'inset-inline-start'],
+    ['inset-e', 'inset-inline-end'],
+    ['inset-bs', 'inset-block-start'],
+    ['inset-be', 'inset-block-end'],
     ['start', 'inset-inline-start'],
     ['end', 'inset-inline-end'],
     ['top', 'top'],

From 5777893ddce93221c8ca677ae73651940b5b1b7f Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 30 Jan 2026 12:25:12 +0000
Subject: [PATCH 2/4] Soft-deprecate start-* and end-* utilities in favor of
 inset-s-* and inset-e-*

Add `skipSuggestions` option to `spacingUtility` to control whether
utilities appear in autocomplete suggestions. Use this to soft-deprecate
the `start-*` and `end-*` utilities - they still work but won't be
suggested in autocomplete, encouraging users to use `inset-s-*` and
`inset-e-*` instead.

https://claude.ai/code/session_01JcYXVAMawRuntKatjku1WZ
---
 .../__snapshots__/intellisense.test.ts.snap   | 636 ++++++++++++++----
 packages/tailwindcss/src/utilities.ts         |  27 +-
 2 files changed, 516 insertions(+), 147 deletions(-)

diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
index 87d882840d6c..d48eada3d824 100644
--- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
+++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
@@ -306,40 +306,6 @@ exports[`getClassList 1`] = `
   "-col-start-11",
   "-col-start-12",
   "-col-start-13",
-  "-end-0",
-  "-end-0.5",
-  "-end-1",
-  "-end-1.5",
-  "-end-2",
-  "-end-2.5",
-  "-end-3",
-  "-end-3.5",
-  "-end-4",
-  "-end-5",
-  "-end-6",
-  "-end-7",
-  "-end-8",
-  "-end-9",
-  "-end-10",
-  "-end-11",
-  "-end-12",
-  "-end-14",
-  "-end-16",
-  "-end-20",
-  "-end-24",
-  "-end-28",
-  "-end-32",
-  "-end-36",
-  "-end-40",
-  "-end-44",
-  "-end-48",
-  "-end-52",
-  "-end-56",
-  "-end-60",
-  "-end-64",
-  "-end-72",
-  "-end-80",
-  "-end-96",
   "-end-1/2",
   "-end-1/3",
   "-end-1/4",
@@ -463,8 +429,256 @@ exports[`getClassList 1`] = `
   "-inset-9/12",
   "-inset-10/12",
   "-inset-11/12",
+  "-inset-be-0",
+  "-inset-be-0.5",
+  "-inset-be-1",
+  "-inset-be-1.5",
+  "-inset-be-2",
+  "-inset-be-2.5",
+  "-inset-be-3",
+  "-inset-be-3.5",
+  "-inset-be-4",
+  "-inset-be-5",
+  "-inset-be-6",
+  "-inset-be-7",
+  "-inset-be-8",
+  "-inset-be-9",
+  "-inset-be-10",
+  "-inset-be-11",
+  "-inset-be-12",
+  "-inset-be-14",
+  "-inset-be-16",
+  "-inset-be-20",
+  "-inset-be-24",
+  "-inset-be-28",
+  "-inset-be-32",
+  "-inset-be-36",
+  "-inset-be-40",
+  "-inset-be-44",
+  "-inset-be-48",
+  "-inset-be-52",
+  "-inset-be-56",
+  "-inset-be-60",
+  "-inset-be-64",
+  "-inset-be-72",
+  "-inset-be-80",
+  "-inset-be-96",
+  "-inset-be-1/2",
+  "-inset-be-1/3",
+  "-inset-be-1/4",
+  "-inset-be-1/5",
+  "-inset-be-1/6",
+  "-inset-be-1/12",
+  "-inset-be-2/3",
+  "-inset-be-2/4",
+  "-inset-be-2/5",
+  "-inset-be-2/6",
+  "-inset-be-2/12",
+  "-inset-be-3/4",
+  "-inset-be-3/5",
+  "-inset-be-3/6",
+  "-inset-be-3/12",
+  "-inset-be-4/5",
+  "-inset-be-4/6",
+  "-inset-be-4/12",
+  "-inset-be-5/6",
+  "-inset-be-5/12",
+  "-inset-be-6/12",
+  "-inset-be-7/12",
+  "-inset-be-8/12",
+  "-inset-be-9/12",
+  "-inset-be-10/12",
+  "-inset-be-11/12",
+  "-inset-be-full",
+  "-inset-be-px",
+  "-inset-bs-0",
+  "-inset-bs-0.5",
+  "-inset-bs-1",
+  "-inset-bs-1.5",
+  "-inset-bs-2",
+  "-inset-bs-2.5",
+  "-inset-bs-3",
+  "-inset-bs-3.5",
+  "-inset-bs-4",
+  "-inset-bs-5",
+  "-inset-bs-6",
+  "-inset-bs-7",
+  "-inset-bs-8",
+  "-inset-bs-9",
+  "-inset-bs-10",
+  "-inset-bs-11",
+  "-inset-bs-12",
+  "-inset-bs-14",
+  "-inset-bs-16",
+  "-inset-bs-20",
+  "-inset-bs-24",
+  "-inset-bs-28",
+  "-inset-bs-32",
+  "-inset-bs-36",
+  "-inset-bs-40",
+  "-inset-bs-44",
+  "-inset-bs-48",
+  "-inset-bs-52",
+  "-inset-bs-56",
+  "-inset-bs-60",
+  "-inset-bs-64",
+  "-inset-bs-72",
+  "-inset-bs-80",
+  "-inset-bs-96",
+  "-inset-bs-1/2",
+  "-inset-bs-1/3",
+  "-inset-bs-1/4",
+  "-inset-bs-1/5",
+  "-inset-bs-1/6",
+  "-inset-bs-1/12",
+  "-inset-bs-2/3",
+  "-inset-bs-2/4",
+  "-inset-bs-2/5",
+  "-inset-bs-2/6",
+  "-inset-bs-2/12",
+  "-inset-bs-3/4",
+  "-inset-bs-3/5",
+  "-inset-bs-3/6",
+  "-inset-bs-3/12",
+  "-inset-bs-4/5",
+  "-inset-bs-4/6",
+  "-inset-bs-4/12",
+  "-inset-bs-5/6",
+  "-inset-bs-5/12",
+  "-inset-bs-6/12",
+  "-inset-bs-7/12",
+  "-inset-bs-8/12",
+  "-inset-bs-9/12",
+  "-inset-bs-10/12",
+  "-inset-bs-11/12",
+  "-inset-bs-full",
+  "-inset-bs-px",
+  "-inset-e-0",
+  "-inset-e-0.5",
+  "-inset-e-1",
+  "-inset-e-1.5",
+  "-inset-e-2",
+  "-inset-e-2.5",
+  "-inset-e-3",
+  "-inset-e-3.5",
+  "-inset-e-4",
+  "-inset-e-5",
+  "-inset-e-6",
+  "-inset-e-7",
+  "-inset-e-8",
+  "-inset-e-9",
+  "-inset-e-10",
+  "-inset-e-11",
+  "-inset-e-12",
+  "-inset-e-14",
+  "-inset-e-16",
+  "-inset-e-20",
+  "-inset-e-24",
+  "-inset-e-28",
+  "-inset-e-32",
+  "-inset-e-36",
+  "-inset-e-40",
+  "-inset-e-44",
+  "-inset-e-48",
+  "-inset-e-52",
+  "-inset-e-56",
+  "-inset-e-60",
+  "-inset-e-64",
+  "-inset-e-72",
+  "-inset-e-80",
+  "-inset-e-96",
+  "-inset-e-1/2",
+  "-inset-e-1/3",
+  "-inset-e-1/4",
+  "-inset-e-1/5",
+  "-inset-e-1/6",
+  "-inset-e-1/12",
+  "-inset-e-2/3",
+  "-inset-e-2/4",
+  "-inset-e-2/5",
+  "-inset-e-2/6",
+  "-inset-e-2/12",
+  "-inset-e-3/4",
+  "-inset-e-3/5",
+  "-inset-e-3/6",
+  "-inset-e-3/12",
+  "-inset-e-4/5",
+  "-inset-e-4/6",
+  "-inset-e-4/12",
+  "-inset-e-5/6",
+  "-inset-e-5/12",
+  "-inset-e-6/12",
+  "-inset-e-7/12",
+  "-inset-e-8/12",
+  "-inset-e-9/12",
+  "-inset-e-10/12",
+  "-inset-e-11/12",
+  "-inset-e-full",
+  "-inset-e-px",
   "-inset-full",
   "-inset-px",
+  "-inset-s-0",
+  "-inset-s-0.5",
+  "-inset-s-1",
+  "-inset-s-1.5",
+  "-inset-s-2",
+  "-inset-s-2.5",
+  "-inset-s-3",
+  "-inset-s-3.5",
+  "-inset-s-4",
+  "-inset-s-5",
+  "-inset-s-6",
+  "-inset-s-7",
+  "-inset-s-8",
+  "-inset-s-9",
+  "-inset-s-10",
+  "-inset-s-11",
+  "-inset-s-12",
+  "-inset-s-14",
+  "-inset-s-16",
+  "-inset-s-20",
+  "-inset-s-24",
+  "-inset-s-28",
+  "-inset-s-32",
+  "-inset-s-36",
+  "-inset-s-40",
+  "-inset-s-44",
+  "-inset-s-48",
+  "-inset-s-52",
+  "-inset-s-56",
+  "-inset-s-60",
+  "-inset-s-64",
+  "-inset-s-72",
+  "-inset-s-80",
+  "-inset-s-96",
+  "-inset-s-1/2",
+  "-inset-s-1/3",
+  "-inset-s-1/4",
+  "-inset-s-1/5",
+  "-inset-s-1/6",
+  "-inset-s-1/12",
+  "-inset-s-2/3",
+  "-inset-s-2/4",
+  "-inset-s-2/5",
+  "-inset-s-2/6",
+  "-inset-s-2/12",
+  "-inset-s-3/4",
+  "-inset-s-3/5",
+  "-inset-s-3/6",
+  "-inset-s-3/12",
+  "-inset-s-4/5",
+  "-inset-s-4/6",
+  "-inset-s-4/12",
+  "-inset-s-5/6",
+  "-inset-s-5/12",
+  "-inset-s-6/12",
+  "-inset-s-7/12",
+  "-inset-s-8/12",
+  "-inset-s-9/12",
+  "-inset-s-10/12",
+  "-inset-s-11/12",
+  "-inset-s-full",
+  "-inset-s-px",
   "-inset-x-0",
   "-inset-x-0.5",
   "-inset-x-1",
@@ -1712,40 +1926,6 @@ exports[`getClassList 1`] = `
   "-space-y-80",
   "-space-y-96",
   "-space-y-px",
-  "-start-0",
-  "-start-0.5",
-  "-start-1",
-  "-start-1.5",
-  "-start-2",
-  "-start-2.5",
-  "-start-3",
-  "-start-3.5",
-  "-start-4",
-  "-start-5",
-  "-start-6",
-  "-start-7",
-  "-start-8",
-  "-start-9",
-  "-start-10",
-  "-start-11",
-  "-start-12",
-  "-start-14",
-  "-start-16",
-  "-start-20",
-  "-start-24",
-  "-start-28",
-  "-start-32",
-  "-start-36",
-  "-start-40",
-  "-start-44",
-  "-start-48",
-  "-start-52",
-  "-start-56",
-  "-start-60",
-  "-start-64",
-  "-start-72",
-  "-start-80",
-  "-start-96",
   "-start-1/2",
   "-start-1/3",
   "-start-1/4",
@@ -4457,40 +4637,6 @@ exports[`getClassList 1`] = `
   "duration-initial",
   "ease-initial",
   "ease-linear",
-  "end-0",
-  "end-0.5",
-  "end-1",
-  "end-1.5",
-  "end-2",
-  "end-2.5",
-  "end-3",
-  "end-3.5",
-  "end-4",
-  "end-5",
-  "end-6",
-  "end-7",
-  "end-8",
-  "end-9",
-  "end-10",
-  "end-11",
-  "end-12",
-  "end-14",
-  "end-16",
-  "end-20",
-  "end-24",
-  "end-28",
-  "end-32",
-  "end-36",
-  "end-40",
-  "end-44",
-  "end-48",
-  "end-52",
-  "end-56",
-  "end-60",
-  "end-64",
-  "end-72",
-  "end-80",
-  "end-96",
   "end-1/2",
   "end-1/3",
   "end-1/4",
@@ -5160,6 +5306,195 @@ exports[`getClassList 1`] = `
   "inset-10/12",
   "inset-11/12",
   "inset-auto",
+  "inset-be-0",
+  "inset-be-0.5",
+  "inset-be-1",
+  "inset-be-1.5",
+  "inset-be-2",
+  "inset-be-2.5",
+  "inset-be-3",
+  "inset-be-3.5",
+  "inset-be-4",
+  "inset-be-5",
+  "inset-be-6",
+  "inset-be-7",
+  "inset-be-8",
+  "inset-be-9",
+  "inset-be-10",
+  "inset-be-11",
+  "inset-be-12",
+  "inset-be-14",
+  "inset-be-16",
+  "inset-be-20",
+  "inset-be-24",
+  "inset-be-28",
+  "inset-be-32",
+  "inset-be-36",
+  "inset-be-40",
+  "inset-be-44",
+  "inset-be-48",
+  "inset-be-52",
+  "inset-be-56",
+  "inset-be-60",
+  "inset-be-64",
+  "inset-be-72",
+  "inset-be-80",
+  "inset-be-96",
+  "inset-be-1/2",
+  "inset-be-1/3",
+  "inset-be-1/4",
+  "inset-be-1/5",
+  "inset-be-1/6",
+  "inset-be-1/12",
+  "inset-be-2/3",
+  "inset-be-2/4",
+  "inset-be-2/5",
+  "inset-be-2/6",
+  "inset-be-2/12",
+  "inset-be-3/4",
+  "inset-be-3/5",
+  "inset-be-3/6",
+  "inset-be-3/12",
+  "inset-be-4/5",
+  "inset-be-4/6",
+  "inset-be-4/12",
+  "inset-be-5/6",
+  "inset-be-5/12",
+  "inset-be-6/12",
+  "inset-be-7/12",
+  "inset-be-8/12",
+  "inset-be-9/12",
+  "inset-be-10/12",
+  "inset-be-11/12",
+  "inset-be-auto",
+  "inset-be-full",
+  "inset-be-px",
+  "inset-bs-0",
+  "inset-bs-0.5",
+  "inset-bs-1",
+  "inset-bs-1.5",
+  "inset-bs-2",
+  "inset-bs-2.5",
+  "inset-bs-3",
+  "inset-bs-3.5",
+  "inset-bs-4",
+  "inset-bs-5",
+  "inset-bs-6",
+  "inset-bs-7",
+  "inset-bs-8",
+  "inset-bs-9",
+  "inset-bs-10",
+  "inset-bs-11",
+  "inset-bs-12",
+  "inset-bs-14",
+  "inset-bs-16",
+  "inset-bs-20",
+  "inset-bs-24",
+  "inset-bs-28",
+  "inset-bs-32",
+  "inset-bs-36",
+  "inset-bs-40",
+  "inset-bs-44",
+  "inset-bs-48",
+  "inset-bs-52",
+  "inset-bs-56",
+  "inset-bs-60",
+  "inset-bs-64",
+  "inset-bs-72",
+  "inset-bs-80",
+  "inset-bs-96",
+  "inset-bs-1/2",
+  "inset-bs-1/3",
+  "inset-bs-1/4",
+  "inset-bs-1/5",
+  "inset-bs-1/6",
+  "inset-bs-1/12",
+  "inset-bs-2/3",
+  "inset-bs-2/4",
+  "inset-bs-2/5",
+  "inset-bs-2/6",
+  "inset-bs-2/12",
+  "inset-bs-3/4",
+  "inset-bs-3/5",
+  "inset-bs-3/6",
+  "inset-bs-3/12",
+  "inset-bs-4/5",
+  "inset-bs-4/6",
+  "inset-bs-4/12",
+  "inset-bs-5/6",
+  "inset-bs-5/12",
+  "inset-bs-6/12",
+  "inset-bs-7/12",
+  "inset-bs-8/12",
+  "inset-bs-9/12",
+  "inset-bs-10/12",
+  "inset-bs-11/12",
+  "inset-bs-auto",
+  "inset-bs-full",
+  "inset-bs-px",
+  "inset-e-0",
+  "inset-e-0.5",
+  "inset-e-1",
+  "inset-e-1.5",
+  "inset-e-2",
+  "inset-e-2.5",
+  "inset-e-3",
+  "inset-e-3.5",
+  "inset-e-4",
+  "inset-e-5",
+  "inset-e-6",
+  "inset-e-7",
+  "inset-e-8",
+  "inset-e-9",
+  "inset-e-10",
+  "inset-e-11",
+  "inset-e-12",
+  "inset-e-14",
+  "inset-e-16",
+  "inset-e-20",
+  "inset-e-24",
+  "inset-e-28",
+  "inset-e-32",
+  "inset-e-36",
+  "inset-e-40",
+  "inset-e-44",
+  "inset-e-48",
+  "inset-e-52",
+  "inset-e-56",
+  "inset-e-60",
+  "inset-e-64",
+  "inset-e-72",
+  "inset-e-80",
+  "inset-e-96",
+  "inset-e-1/2",
+  "inset-e-1/3",
+  "inset-e-1/4",
+  "inset-e-1/5",
+  "inset-e-1/6",
+  "inset-e-1/12",
+  "inset-e-2/3",
+  "inset-e-2/4",
+  "inset-e-2/5",
+  "inset-e-2/6",
+  "inset-e-2/12",
+  "inset-e-3/4",
+  "inset-e-3/5",
+  "inset-e-3/6",
+  "inset-e-3/12",
+  "inset-e-4/5",
+  "inset-e-4/6",
+  "inset-e-4/12",
+  "inset-e-5/6",
+  "inset-e-5/12",
+  "inset-e-6/12",
+  "inset-e-7/12",
+  "inset-e-8/12",
+  "inset-e-9/12",
+  "inset-e-10/12",
+  "inset-e-11/12",
+  "inset-e-auto",
+  "inset-e-full",
+  "inset-e-px",
   "inset-full",
   "inset-px",
   "inset-ring",
@@ -5234,6 +5569,69 @@ exports[`getClassList 1`] = `
   "inset-ring-transparent/90",
   "inset-ring-transparent/95",
   "inset-ring-transparent/100",
+  "inset-s-0",
+  "inset-s-0.5",
+  "inset-s-1",
+  "inset-s-1.5",
+  "inset-s-2",
+  "inset-s-2.5",
+  "inset-s-3",
+  "inset-s-3.5",
+  "inset-s-4",
+  "inset-s-5",
+  "inset-s-6",
+  "inset-s-7",
+  "inset-s-8",
+  "inset-s-9",
+  "inset-s-10",
+  "inset-s-11",
+  "inset-s-12",
+  "inset-s-14",
+  "inset-s-16",
+  "inset-s-20",
+  "inset-s-24",
+  "inset-s-28",
+  "inset-s-32",
+  "inset-s-36",
+  "inset-s-40",
+  "inset-s-44",
+  "inset-s-48",
+  "inset-s-52",
+  "inset-s-56",
+  "inset-s-60",
+  "inset-s-64",
+  "inset-s-72",
+  "inset-s-80",
+  "inset-s-96",
+  "inset-s-1/2",
+  "inset-s-1/3",
+  "inset-s-1/4",
+  "inset-s-1/5",
+  "inset-s-1/6",
+  "inset-s-1/12",
+  "inset-s-2/3",
+  "inset-s-2/4",
+  "inset-s-2/5",
+  "inset-s-2/6",
+  "inset-s-2/12",
+  "inset-s-3/4",
+  "inset-s-3/5",
+  "inset-s-3/6",
+  "inset-s-3/12",
+  "inset-s-4/5",
+  "inset-s-4/6",
+  "inset-s-4/12",
+  "inset-s-5/6",
+  "inset-s-5/12",
+  "inset-s-6/12",
+  "inset-s-7/12",
+  "inset-s-8/12",
+  "inset-s-9/12",
+  "inset-s-10/12",
+  "inset-s-11/12",
+  "inset-s-auto",
+  "inset-s-full",
+  "inset-s-px",
   "inset-shadow-current",
   "inset-shadow-current/0",
   "inset-shadow-current/5",
@@ -10957,40 +11355,6 @@ exports[`getClassList 1`] = `
   "space-y-reverse",
   "sr-only",
   "stacked-fractions",
-  "start-0",
-  "start-0.5",
-  "start-1",
-  "start-1.5",
-  "start-2",
-  "start-2.5",
-  "start-3",
-  "start-3.5",
-  "start-4",
-  "start-5",
-  "start-6",
-  "start-7",
-  "start-8",
-  "start-9",
-  "start-10",
-  "start-11",
-  "start-12",
-  "start-14",
-  "start-16",
-  "start-20",
-  "start-24",
-  "start-28",
-  "start-32",
-  "start-36",
-  "start-40",
-  "start-44",
-  "start-48",
-  "start-52",
-  "start-56",
-  "start-60",
-  "start-64",
-  "start-72",
-  "start-80",
-  "start-96",
   "start-1/2",
   "start-1/3",
   "start-1/4",
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index 7375b238f712..3d1607ffe1a8 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -524,10 +524,12 @@ export function createUtilities(theme: Theme) {
       supportsNegative = false,
       supportsFractions = false,
       staticValues,
+      skipSuggestions = false,
     }: {
       supportsNegative?: boolean
       supportsFractions?: boolean
       staticValues?: Record<string, AstNode[]>
+      skipSuggestions?: boolean
     } = {},
   ) {
     if (supportsNegative) {
@@ -557,14 +559,16 @@ export function createUtilities(theme: Theme) {
       staticValues,
     })
 
-    suggest(name, () => [
-      {
-        values: theme.get(['--spacing']) ? DEFAULT_SPACING_SUGGESTIONS : [],
-        supportsNegative,
-        supportsFractions,
-        valueThemeKeys: themeKeys,
-      },
-    ])
+    if (!skipSuggestions) {
+      suggest(name, () => [
+        {
+          values: theme.get(['--spacing']) ? DEFAULT_SPACING_SUGGESTIONS : [],
+          supportsNegative,
+          supportsFractions,
+          valueThemeKeys: themeKeys,
+        },
+      ])
+    }
   }
 
   /**
@@ -620,7 +624,7 @@ export function createUtilities(theme: Theme) {
   /**
    * @css `inset`
    */
-  for (let [name, property] of [
+  for (let [name, property, { deprecated = false } = {}] of [
     ['inset', 'inset'],
     ['inset-x', 'inset-inline'],
     ['inset-y', 'inset-block'],
@@ -628,8 +632,8 @@ export function createUtilities(theme: Theme) {
     ['inset-e', 'inset-inline-end'],
     ['inset-bs', 'inset-block-start'],
     ['inset-be', 'inset-block-end'],
-    ['start', 'inset-inline-start'],
-    ['end', 'inset-inline-end'],
+    ['start', 'inset-inline-start', { deprecated: true }],
+    ['end', 'inset-inline-end', { deprecated: true }],
     ['top', 'top'],
     ['right', 'right'],
     ['bottom', 'bottom'],
@@ -641,6 +645,7 @@ export function createUtilities(theme: Theme) {
     spacingUtility(name, ['--inset', '--spacing'], (value) => [decl(property, value)], {
       supportsNegative: true,
       supportsFractions: true,
+      skipSuggestions: deprecated,
     })
   }
 

From 0d8b168bfc101b051a98994693c38b9c49b89e51 Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Fri, 30 Jan 2026 14:58:50 +0100
Subject: [PATCH 3/4] move `start-*` and `end-*` to the `legacy-utilities`

We already had legacy utilities in that file. I think I want to
eventually keep those in the utilities file directly and introduce some
deprecated flag and suggestion for the replacement.
---
 .../__snapshots__/intellisense.test.ts.snap   | 104 ----------
 .../src/compat/legacy-utilities.test.ts       | 174 +++++++++++++++++
 .../src/compat/legacy-utilities.ts            |  67 ++++++-
 packages/tailwindcss/src/utilities.test.ts    | 184 +-----------------
 packages/tailwindcss/src/utilities.ts         |  25 +--
 5 files changed, 258 insertions(+), 296 deletions(-)

diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
index d48eada3d824..3bf7905409b2 100644
--- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
+++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
@@ -306,32 +306,6 @@ exports[`getClassList 1`] = `
   "-col-start-11",
   "-col-start-12",
   "-col-start-13",
-  "-end-1/2",
-  "-end-1/3",
-  "-end-1/4",
-  "-end-1/5",
-  "-end-1/6",
-  "-end-1/12",
-  "-end-2/3",
-  "-end-2/4",
-  "-end-2/5",
-  "-end-2/6",
-  "-end-2/12",
-  "-end-3/4",
-  "-end-3/5",
-  "-end-3/6",
-  "-end-3/12",
-  "-end-4/5",
-  "-end-4/6",
-  "-end-4/12",
-  "-end-5/6",
-  "-end-5/12",
-  "-end-6/12",
-  "-end-7/12",
-  "-end-8/12",
-  "-end-9/12",
-  "-end-10/12",
-  "-end-11/12",
   "-end-full",
   "-end-px",
   "-indent-0",
@@ -1926,32 +1900,6 @@ exports[`getClassList 1`] = `
   "-space-y-80",
   "-space-y-96",
   "-space-y-px",
-  "-start-1/2",
-  "-start-1/3",
-  "-start-1/4",
-  "-start-1/5",
-  "-start-1/6",
-  "-start-1/12",
-  "-start-2/3",
-  "-start-2/4",
-  "-start-2/5",
-  "-start-2/6",
-  "-start-2/12",
-  "-start-3/4",
-  "-start-3/5",
-  "-start-3/6",
-  "-start-3/12",
-  "-start-4/5",
-  "-start-4/6",
-  "-start-4/12",
-  "-start-5/6",
-  "-start-5/12",
-  "-start-6/12",
-  "-start-7/12",
-  "-start-8/12",
-  "-start-9/12",
-  "-start-10/12",
-  "-start-11/12",
   "-start-full",
   "-start-px",
   "-top-0",
@@ -4637,32 +4585,6 @@ exports[`getClassList 1`] = `
   "duration-initial",
   "ease-initial",
   "ease-linear",
-  "end-1/2",
-  "end-1/3",
-  "end-1/4",
-  "end-1/5",
-  "end-1/6",
-  "end-1/12",
-  "end-2/3",
-  "end-2/4",
-  "end-2/5",
-  "end-2/6",
-  "end-2/12",
-  "end-3/4",
-  "end-3/5",
-  "end-3/6",
-  "end-3/12",
-  "end-4/5",
-  "end-4/6",
-  "end-4/12",
-  "end-5/6",
-  "end-5/12",
-  "end-6/12",
-  "end-7/12",
-  "end-8/12",
-  "end-9/12",
-  "end-10/12",
-  "end-11/12",
   "end-auto",
   "end-full",
   "end-px",
@@ -11355,32 +11277,6 @@ exports[`getClassList 1`] = `
   "space-y-reverse",
   "sr-only",
   "stacked-fractions",
-  "start-1/2",
-  "start-1/3",
-  "start-1/4",
-  "start-1/5",
-  "start-1/6",
-  "start-1/12",
-  "start-2/3",
-  "start-2/4",
-  "start-2/5",
-  "start-2/6",
-  "start-2/12",
-  "start-3/4",
-  "start-3/5",
-  "start-3/6",
-  "start-3/12",
-  "start-4/5",
-  "start-4/6",
-  "start-4/12",
-  "start-5/6",
-  "start-5/12",
-  "start-6/12",
-  "start-7/12",
-  "start-8/12",
-  "start-9/12",
-  "start-10/12",
-  "start-11/12",
   "start-auto",
   "start-full",
   "start-px",
diff --git a/packages/tailwindcss/src/compat/legacy-utilities.test.ts b/packages/tailwindcss/src/compat/legacy-utilities.test.ts
index 9a828d673b78..24222f882f75 100644
--- a/packages/tailwindcss/src/compat/legacy-utilities.test.ts
+++ b/packages/tailwindcss/src/compat/legacy-utilities.test.ts
@@ -211,3 +211,177 @@ test('flex-shrink', async () => {
     ]),
   ).toEqual('')
 })
+
+test('start', async () => {
+  expect(
+    await compileCss(
+      css`
+        @theme {
+          --spacing-4: 1rem;
+          --inset-shadowned: 1940px;
+        }
+        @tailwind utilities;
+      `,
+      [
+        'start-shadowned',
+        'start-auto',
+        '-start-full',
+        'start-full',
+        'start-3/4',
+        'start-4',
+        '-start-4',
+        'start-[4px]',
+      ],
+    ),
+  ).toMatchInlineSnapshot(`
+    ":root, :host {
+      --spacing-4: 1rem;
+      --inset-shadowned: 1940px;
+    }
+
+    .-start-4 {
+      inset-inline-start: calc(var(--spacing-4) * -1);
+    }
+
+    .-start-full {
+      inset-inline-start: -100%;
+    }
+
+    .start-3\\/4 {
+      inset-inline-start: 75%;
+    }
+
+    .start-4 {
+      inset-inline-start: var(--spacing-4);
+    }
+
+    .start-\\[4px\\] {
+      inset-inline-start: 4px;
+    }
+
+    .start-auto {
+      inset-inline-start: auto;
+    }
+
+    .start-full {
+      inset-inline-start: 100%;
+    }
+
+    .start-shadowned {
+      inset-inline-start: var(--inset-shadowned);
+    }"
+  `)
+  expect(
+    await compileCss(
+      css`
+        @theme reference {
+          --spacing-4: 1rem;
+          --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
+        }
+        @tailwind utilities;
+      `,
+      [
+        'start-shadow-sm',
+        'start',
+        'start--1',
+        'start--1/2',
+        'start--1/-2',
+        'start-1/-2',
+        'start-auto/foo',
+        '-start-full/foo',
+        'start-full/foo',
+        'start-3/4/foo',
+        'start-4/foo',
+        '-start-4/foo',
+        'start-[4px]/foo',
+      ],
+    ),
+  ).toEqual('')
+})
+
+test('end', async () => {
+  expect(
+    await compileCss(
+      css`
+        @theme {
+          --spacing-4: 1rem;
+          --inset-shadowned: 1940px;
+        }
+        @tailwind utilities;
+      `,
+      [
+        'end-shadowned',
+        'end-auto',
+        '-end-full',
+        'end-full',
+        'end-3/4',
+        'end-4',
+        '-end-4',
+        'end-[4px]',
+      ],
+    ),
+  ).toMatchInlineSnapshot(`
+    ":root, :host {
+      --spacing-4: 1rem;
+      --inset-shadowned: 1940px;
+    }
+
+    .-end-4 {
+      inset-inline-end: calc(var(--spacing-4) * -1);
+    }
+
+    .-end-full {
+      inset-inline-end: -100%;
+    }
+
+    .end-3\\/4 {
+      inset-inline-end: 75%;
+    }
+
+    .end-4 {
+      inset-inline-end: var(--spacing-4);
+    }
+
+    .end-\\[4px\\] {
+      inset-inline-end: 4px;
+    }
+
+    .end-auto {
+      inset-inline-end: auto;
+    }
+
+    .end-full {
+      inset-inline-end: 100%;
+    }
+
+    .end-shadowned {
+      inset-inline-end: var(--inset-shadowned);
+    }"
+  `)
+  expect(
+    await compileCss(
+      css`
+        @theme reference {
+          --spacing-4: 1rem;
+          --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
+        }
+        @tailwind utilities;
+      `,
+      [
+        'end-shadow-sm',
+        'end',
+        'end--1',
+        'end--1/2',
+        'end--1/-2',
+        'end-1/-2',
+        'end-auto/foo',
+        '-end-full/foo',
+        'end-full/foo',
+        'end-3/4/foo',
+        'end-4/foo',
+        '-end-4/foo',
+        'end-[4px]/foo',
+      ],
+    ),
+  ).toEqual('')
+})
diff --git a/packages/tailwindcss/src/compat/legacy-utilities.ts b/packages/tailwindcss/src/compat/legacy-utilities.ts
index ffefca940e35..dc53e42179c8 100644
--- a/packages/tailwindcss/src/compat/legacy-utilities.ts
+++ b/packages/tailwindcss/src/compat/legacy-utilities.ts
@@ -1,6 +1,7 @@
 import { decl } from '../ast'
 import type { DesignSystem } from '../design-system'
-import { isPositiveInteger } from '../utils/infer-data-type'
+import { isPositiveInteger, isValidSpacingMultiplier } from '../utils/infer-data-type'
+import { segment } from '../utils/segment'
 
 export function registerLegacyUtilities(designSystem: DesignSystem) {
   for (let [value, direction] of [
@@ -111,4 +112,68 @@ export function registerLegacyUtilities(designSystem: DesignSystem) {
 
   designSystem.utilities.suggest('break-words', () => [])
   designSystem.utilities.static('break-words', () => [decl('overflow-wrap', 'break-word')])
+
+  // Legacy `start` and `end` inset utilities, replaced by `inset-s` and `inset-e`
+  for (let [name, property] of [
+    ['start', 'inset-inline-start'],
+    ['end', 'inset-inline-end'],
+  ] as const) {
+    designSystem.utilities.static(`${name}-auto`, () => [decl(property, 'auto')])
+    designSystem.utilities.static(`${name}-full`, () => [decl(property, '100%')])
+    designSystem.utilities.static(`-${name}-full`, () => [decl(property, '-100%')])
+    designSystem.utilities.static(`${name}-px`, () => [decl(property, '1px')])
+    designSystem.utilities.static(`-${name}-px`, () => [decl(property, '-1px')])
+
+    function handleInset({ negative }: { negative: boolean }) {
+      return (candidate: Extract<import('../candidate').Candidate, { kind: 'functional' }>) => {
+        if (!candidate.value) {
+          if (candidate.modifier) return
+          let value = designSystem.theme.resolve(null, ['--inset', '--spacing'])
+          if (value === null) return
+          return [decl(property, negative ? `calc(${value} * -1)` : value)]
+        }
+
+        if (candidate.value.kind === 'arbitrary') {
+          if (candidate.modifier) return
+          let value = candidate.value.value
+          return [decl(property, negative ? `calc(${value} * -1)` : value)]
+        }
+
+        let value = designSystem.theme.resolve(candidate.value.fraction ?? candidate.value.value, [
+          '--inset',
+          '--spacing',
+        ])
+
+        // Handle fractions like `start-1/2`
+        if (value === null && candidate.value.fraction) {
+          let [lhs, rhs] = segment(candidate.value.fraction, '/')
+          if (!isPositiveInteger(lhs) || !isPositiveInteger(rhs)) return
+          value = `calc(${candidate.value.fraction} * 100%)`
+        }
+
+        // Handle bare spacing multiplier values like `start-4`
+        if (value === null && negative) {
+          let multiplier = designSystem.theme.resolve(null, ['--spacing'])
+          if (multiplier && isValidSpacingMultiplier(candidate.value.value)) {
+            value = `calc(${multiplier} * -${candidate.value.value})`
+            if (value !== null) return [decl(property, value)]
+          }
+        }
+
+        if (value === null) {
+          let multiplier = designSystem.theme.resolve(null, ['--spacing'])
+          if (multiplier && isValidSpacingMultiplier(candidate.value.value)) {
+            value = `calc(${multiplier} * ${candidate.value.value})`
+          }
+        }
+
+        if (value === null) return
+
+        return [decl(property, negative ? `calc(${value} * -1)` : value)]
+      }
+    }
+
+    designSystem.utilities.functional(`-${name}`, handleInset({ negative: true }))
+    designSystem.utilities.functional(name, handleInset({ negative: false }))
+  }
 }
diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts
index 479e362232b7..64a1d3396d44 100644
--- a/packages/tailwindcss/src/utilities.test.ts
+++ b/packages/tailwindcss/src/utilities.test.ts
@@ -480,180 +480,6 @@ test('inset-y', async () => {
   ).toEqual('')
 })
 
-test('start', async () => {
-  expect(
-    await compileCss(
-      css`
-        @theme {
-          --spacing-4: 1rem;
-          --inset-shadowned: 1940px;
-        }
-        @tailwind utilities;
-      `,
-      [
-        'start-shadowned',
-        'start-auto',
-        '-start-full',
-        'start-full',
-        'start-3/4',
-        'start-4',
-        '-start-4',
-        'start-[4px]',
-      ],
-    ),
-  ).toMatchInlineSnapshot(`
-    ":root, :host {
-      --spacing-4: 1rem;
-      --inset-shadowned: 1940px;
-    }
-
-    .-start-4 {
-      inset-inline-start: calc(var(--spacing-4) * -1);
-    }
-
-    .-start-full {
-      inset-inline-start: -100%;
-    }
-
-    .start-3\\/4 {
-      inset-inline-start: 75%;
-    }
-
-    .start-4 {
-      inset-inline-start: var(--spacing-4);
-    }
-
-    .start-\\[4px\\] {
-      inset-inline-start: 4px;
-    }
-
-    .start-auto {
-      inset-inline-start: auto;
-    }
-
-    .start-full {
-      inset-inline-start: 100%;
-    }
-
-    .start-shadowned {
-      inset-inline-start: var(--inset-shadowned);
-    }"
-  `)
-  expect(
-    await compileCss(
-      css`
-        @theme reference {
-          --spacing-4: 1rem;
-          --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
-        }
-        @tailwind utilities;
-      `,
-      [
-        'start-shadow-sm',
-        'start',
-        'start--1',
-        'start--1/2',
-        'start--1/-2',
-        'start-1/-2',
-        'start-auto/foo',
-        '-start-full/foo',
-        'start-full/foo',
-        'start-3/4/foo',
-        'start-4/foo',
-        '-start-4/foo',
-        'start-[4px]/foo',
-      ],
-    ),
-  ).toEqual('')
-})
-
-test('end', async () => {
-  expect(
-    await compileCss(
-      css`
-        @theme {
-          --spacing-4: 1rem;
-          --inset-shadowned: 1940px;
-        }
-        @tailwind utilities;
-      `,
-      [
-        'end-shadowned',
-        'end-auto',
-        '-end-full',
-        'end-full',
-        'end-3/4',
-        'end-4',
-        '-end-4',
-        'end-[4px]',
-      ],
-    ),
-  ).toMatchInlineSnapshot(`
-    ":root, :host {
-      --spacing-4: 1rem;
-      --inset-shadowned: 1940px;
-    }
-
-    .-end-4 {
-      inset-inline-end: calc(var(--spacing-4) * -1);
-    }
-
-    .-end-full {
-      inset-inline-end: -100%;
-    }
-
-    .end-3\\/4 {
-      inset-inline-end: 75%;
-    }
-
-    .end-4 {
-      inset-inline-end: var(--spacing-4);
-    }
-
-    .end-\\[4px\\] {
-      inset-inline-end: 4px;
-    }
-
-    .end-auto {
-      inset-inline-end: auto;
-    }
-
-    .end-full {
-      inset-inline-end: 100%;
-    }
-
-    .end-shadowned {
-      inset-inline-end: var(--inset-shadowned);
-    }"
-  `)
-  expect(
-    await compileCss(
-      css`
-        @theme reference {
-          --spacing-4: 1rem;
-          --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
-        }
-        @tailwind utilities;
-      `,
-      [
-        'end-shadow-sm',
-        'end',
-        'end--1',
-        'end--1/2',
-        'end--1/-2',
-        'end-1/-2',
-        'end-auto/foo',
-        '-end-full/foo',
-        'end-full/foo',
-        'end-3/4/foo',
-        'end-4/foo',
-        '-end-4/foo',
-        'end-[4px]/foo',
-      ],
-    ),
-  ).toEqual('')
-})
-
 test('inset-s', async () => {
   expect(
     await compileCss(
@@ -4206,7 +4032,15 @@ test('max-inline-size', async () => {
         }
         @tailwind utilities;
       `,
-      ['max-inline-none', 'max-inline-full', 'max-inline-max', 'max-inline-fit', 'max-inline-4', 'max-inline-xl', 'max-inline-[4px]'],
+      [
+        'max-inline-none',
+        'max-inline-full',
+        'max-inline-max',
+        'max-inline-fit',
+        'max-inline-4',
+        'max-inline-xl',
+        'max-inline-[4px]',
+      ],
     ),
   ).toMatchInlineSnapshot(`
     ":root, :host {
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index 3d1607ffe1a8..38aec8f428e8 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -524,12 +524,10 @@ export function createUtilities(theme: Theme) {
       supportsNegative = false,
       supportsFractions = false,
       staticValues,
-      skipSuggestions = false,
     }: {
       supportsNegative?: boolean
       supportsFractions?: boolean
       staticValues?: Record<string, AstNode[]>
-      skipSuggestions?: boolean
     } = {},
   ) {
     if (supportsNegative) {
@@ -559,16 +557,14 @@ export function createUtilities(theme: Theme) {
       staticValues,
     })
 
-    if (!skipSuggestions) {
-      suggest(name, () => [
-        {
-          values: theme.get(['--spacing']) ? DEFAULT_SPACING_SUGGESTIONS : [],
-          supportsNegative,
-          supportsFractions,
-          valueThemeKeys: themeKeys,
-        },
-      ])
-    }
+    suggest(name, () => [
+      {
+        values: theme.get(['--spacing']) ? DEFAULT_SPACING_SUGGESTIONS : [],
+        supportsNegative,
+        supportsFractions,
+        valueThemeKeys: themeKeys,
+      },
+    ])
   }
 
   /**
@@ -624,7 +620,7 @@ export function createUtilities(theme: Theme) {
   /**
    * @css `inset`
    */
-  for (let [name, property, { deprecated = false } = {}] of [
+  for (let [name, property] of [
     ['inset', 'inset'],
     ['inset-x', 'inset-inline'],
     ['inset-y', 'inset-block'],
@@ -632,8 +628,6 @@ export function createUtilities(theme: Theme) {
     ['inset-e', 'inset-inline-end'],
     ['inset-bs', 'inset-block-start'],
     ['inset-be', 'inset-block-end'],
-    ['start', 'inset-inline-start', { deprecated: true }],
-    ['end', 'inset-inline-end', { deprecated: true }],
     ['top', 'top'],
     ['right', 'right'],
     ['bottom', 'bottom'],
@@ -645,7 +639,6 @@ export function createUtilities(theme: Theme) {
     spacingUtility(name, ['--inset', '--spacing'], (value) => [decl(property, value)], {
       supportsNegative: true,
       supportsFractions: true,
-      skipSuggestions: deprecated,
     })
   }
 

From e4c3036ac3b4a58df5ca057fc065f6d2d5323f0b Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Fri, 30 Jan 2026 15:08:45 +0100
Subject: [PATCH 4/4] update CHANGELOG

---
 CHANGELOG.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 607302b3042b..93f0446eb918 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,10 +18,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
-- Add `pbs-*`, `pbe-*`, `mbs-*`, `mbe-*`, `scroll-pbs-*`, `scroll-pbe-*`, `scroll-mbs-*`, `scroll-mbe-*`, `border-bs-*`, `border-be-*` utilities for `padding-block-start`, `padding-block-end`, `margin-block-start`, `margin-block-end`, `scroll-padding-block-start`, `scroll-padding-block-end`, `scroll-margin-block-start`, `scroll-margin-block-end`, `border-block-start`, and `border-block-end` ([`#19601`](https://github.com/tailwindlabs/tailwindcss/pull/19601))
 - _Experimental_: Add `@container-size` utility ([#18901](https://github.com/tailwindlabs/tailwindcss/pull/18901))
 - Add `@tailwindcss/webpack` loader for Tailwind CSS v4 ([#19610](https://github.com/tailwindlabs/tailwindcss/pull/19610))
+- Add `pbs-*`, `pbe-*`, `mbs-*`, `mbe-*`, `scroll-pbs-*`, `scroll-pbe-*`, `scroll-mbs-*`, `scroll-mbe-*`, `border-bs-*`, `border-be-*` utilities for `padding-block-start`, `padding-block-end`, `margin-block-start`, `margin-block-end`, `scroll-padding-block-start`, `scroll-padding-block-end`, `scroll-margin-block-start`, `scroll-margin-block-end`, `border-block-start`, and `border-block-end` ([`#19601`](https://github.com/tailwindlabs/tailwindcss/pull/19601))
 - Add `inline-*`, `min-inline-*`, `max-inline-*`, `block-*`, `min-block-*`, `max-block-*` utilities for `inline-size`, `min-inline-size`, `max-inline-size`, `block-size`, `min-block-size`, and `max-block-size` ([#19612](https://github.com/tailwindlabs/tailwindcss/pull/19612))
+- Add `inset-s-*`, `inset-e-*`, `inset-bs-*`, `inset-be-*` utilities for `inset-inline-start`, `inset-inline-end`, `inset-block-start`, and `inset-block-end` ([#19613](https://github.com/tailwindlabs/tailwindcss/pull/19613))
+
+### Deprecated
+
+- Deprecate `start-*` and `end-*` utilities in favor of `inline-s-*` and `inline-e-*` ([#19613](https://github.com/tailwindlabs/tailwindcss/pull/19613))
 
 ## [4.1.18] - 2025-12-11