From 7d635718c78a6624628f53ddd8609727f8eea637 Mon Sep 17 00:00:00 2001
From: Jordan Pittman <jordan@cryptica.me>
Date: Wed, 30 Jul 2025 10:20:49 -0400
Subject: [PATCH 1/2] Suggest bare values for `flex-*` utilities

---
 .../src/__snapshots__/intellisense.test.ts.snap      | 12 ++++++++++++
 packages/tailwindcss/src/utilities.ts                |  5 ++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
index d49ecf433214..86f96852ca07 100644
--- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
+++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
@@ -4197,6 +4197,18 @@ exports[`getClassList 1`] = `
   "fill-transparent/100",
   "fixed",
   "flex",
+  "flex-1",
+  "flex-2",
+  "flex-3",
+  "flex-4",
+  "flex-5",
+  "flex-6",
+  "flex-7",
+  "flex-8",
+  "flex-9",
+  "flex-10",
+  "flex-11",
+  "flex-12",
   "flex-1/2",
   "flex-1/3",
   "flex-1/4",
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index 0fdb5c9f2a1d..13657f7eb3a7 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -1059,7 +1059,10 @@ export function createUtilities(theme: Theme) {
     }
   })
 
-  suggest('flex', () => [{ supportsFractions: true }])
+  suggest('flex', () => [
+    { supportsFractions: true },
+    { values: Array.from({ length: 12 }, (_, i) => `${i + 1}`) },
+  ])
 
   /**
    * @css `flex-shrink`

From 8ecf794624ae1f6dd61efd2aed68cf2d7f466f8c Mon Sep 17 00:00:00 2001
From: Jordan Pittman <jordan@cryptica.me>
Date: Wed, 30 Jul 2025 10:43:54 -0400
Subject: [PATCH 2/2] Update changelog

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 062fdf1076af..3971ac3ee235 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- Add suggestions for `flex-<number>` utilities ([#18642](https://github.com/tailwindlabs/tailwindcss/pull/18642))
+
 ### Fixed
 
 - Don't consider the global important state in `@apply` ([#18404](https://github.com/tailwindlabs/tailwindcss/pull/18404))