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

Author: thecrypticace

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
 

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",

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')

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,
     },
   ])