From 536e11895e570f53305c9d396bbadc2af466bfb3 Mon Sep 17 00:00:00 2001
From: Jordan Pittman <jordan@cryptica.me>
Date: Tue, 3 Dec 2024 19:11:30 -0500
Subject: [PATCH] Add some missing suggestions in IntelliSense (#15288)

When we renamed the theme keys this got missed

Theme keys like `--font-sans` will result in suggestions for `font-sans`
again
---
 CHANGELOG.md                                                  | 2 ++
 .../tailwindcss/src/__snapshots__/intellisense.test.ts.snap   | 3 +++
 packages/tailwindcss/src/intellisense.test.ts                 | 2 ++
 packages/tailwindcss/src/utilities.ts                         | 4 ++--
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index af3d866f3..e97880f35 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fix resolution of imported CSS files in Vite SSR builds ([#15279](https://github.com/tailwindlabs/tailwindcss/issues/15279))
 - Ensure other plugins can run after `@tailwindcss/postcss` ([#15273](https://github.com/tailwindlabs/tailwindcss/pull/15273))
 - Rebase `url()` inside imported CSS files when using Vite with the `@tailwindcss/postcss` extension ([#15273](https://github.com/tailwindlabs/tailwindcss/pull/15273))
+- Fix missing font family suggestions in IntelliSense ([#15288](https://github.com/tailwindlabs/tailwindcss/pull/15288))
+- Fix missing `@container` suggestion in IntelliSense ([#15288](https://github.com/tailwindlabs/tailwindcss/pull/15288))
 
 ## [4.0.0-beta.4] - 2024-11-29
 
diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
index 13bb9a878..abaa9e075 100644
--- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
+++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
@@ -1593,6 +1593,7 @@ exports[`getClassList 1`] = `
   "-z-30",
   "-z-40",
   "-z-50",
+  "@container",
   "@container-normal",
   "absolute",
   "accent-auto",
@@ -3734,6 +3735,7 @@ exports[`getClassList 1`] = `
   "font-light",
   "font-medium",
   "font-normal",
+  "font-sans",
   "font-semibold",
   "font-stretch-100%",
   "font-stretch-105%",
@@ -3754,6 +3756,7 @@ exports[`getClassList 1`] = `
   "font-stretch-semi-expanded",
   "font-stretch-ultra-condensed",
   "font-stretch-ultra-expanded",
+  "font-superbold",
   "font-thin",
   "forced-color-adjust-auto",
   "forced-color-adjust-none",
diff --git a/packages/tailwindcss/src/intellisense.test.ts b/packages/tailwindcss/src/intellisense.test.ts
index e13ce4ab1..7c7caef6a 100644
--- a/packages/tailwindcss/src/intellisense.test.ts
+++ b/packages/tailwindcss/src/intellisense.test.ts
@@ -11,6 +11,8 @@ function loadDesignSystem() {
   theme.add('--colors-red-500', 'red')
   theme.add('--colors-blue-500', 'blue')
   theme.add('--breakpoint-sm', '640px')
+  theme.add('--font-sans', 'sans-serif')
+  theme.add('--font-weight-superbold', '900')
   theme.add('--text-xs', '0.75rem')
   theme.add('--text-xs--line-height', '1rem')
   theme.add('--perspective-dramatic', '100px')
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index 287604f14..427068c44 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -2919,7 +2919,7 @@ export function createUtilities(theme: Theme) {
   suggest('font', () => [
     {
       values: [],
-      valueThemeKeys: ['--font-family'],
+      valueThemeKeys: ['--font'],
     },
     {
       values: [
@@ -4564,7 +4564,7 @@ export function createUtilities(theme: Theme) {
     {
       values: ['normal'],
       valueThemeKeys: [],
-      hasDefaultValue: false,
+      hasDefaultValue: true,
     },
   ])