--*: initial; and --spacing-*: initial; doesn't remove default theme spacing classes or font classes

[vishucrafts]

What version of VS Code are you using?

For example: v1.96.4

What version of Tailwind CSS IntelliSense are you using?

0.14.1

What version of Tailwind CSS are you using?
4.0.0

What package manager are you using?

pnpm

What operating system are you using?

macOS

Describe your issue

In my global.css I have

@import 'tailwindcss';

@plugin 'tailwindcss-react-aria-components';

@theme {
	--text-*: initial;
	--spacing-*: initial;
	--font-*: initial;
	--font-weight-*: initial;

	--font-sans: var(--font-sans);
	--font-mono: var(--font-mono);

	--font-weight-normal: 400;
	--font-weight-medium: 700;
	--font-weight-bold: 900;

	/* @link https://utopia.fyi/type/calculator?c=320,16,1.125,1240,18,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
	--text--2: clamp(0.7813rem, 0.7932rem + -0.0154vw, 0.7901rem);
	--text--1: clamp(0.8889rem, 0.872rem + 0.0845vw, 0.9375rem);
	--text-0: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
	--text-1: clamp(1.125rem, 1.0467rem + 0.3913vw, 1.35rem);
	--text-2: clamp(1.2656rem, 1.1424rem + 0.6163vw, 1.62rem);
	--text-3: clamp(1.4238rem, 1.2429rem + 0.9046vw, 1.944rem);
	--text-4: clamp(1.6018rem, 1.3475rem + 1.2713vw, 2.3328rem);
	--text-5: clamp(1.802rem, 1.4551rem + 1.7345vw, 2.7994rem);

	/* @link https://utopia.fyi/space/calculator?c=320,16,1.125,1240,18,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
	--spacing-3xs: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.3125rem);
	--spacing-2xs: clamp(0.5rem, 0.4783rem + 0.1087vw, 0.5625rem);
	--spacing-xs: clamp(0.75rem, 0.7065rem + 0.2174vw, 0.875rem);
	--spacing-s: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
	--spacing-m: clamp(1.5rem, 1.4348rem + 0.3261vw, 1.6875rem);
	--spacing-l: clamp(2rem, 1.913rem + 0.4348vw, 2.25rem);
	--spacing-xl: clamp(3rem, 2.8696rem + 0.6522vw, 3.375rem);
	--spacing-2xl: clamp(4rem, 3.8261rem + 0.8696vw, 4.5rem);
	--spacing-3xl: clamp(6rem, 5.7391rem + 1.3043vw, 6.75rem);

	/* One-up pairs */
	--spacing-3xs-2xs: clamp(0.25rem, 0.1413rem + 0.5435vw, 0.5625rem);
	--spacing-2xs-xs: clamp(0.5rem, 0.3696rem + 0.6522vw, 0.875rem);
	--spacing-xs-s: clamp(0.75rem, 0.6196rem + 0.6522vw, 1.125rem);
	--spacing-s-m: clamp(1rem, 0.7609rem + 1.1957vw, 1.6875rem);
	--spacing-m-l: clamp(1.5rem, 1.2391rem + 1.3043vw, 2.25rem);
	--spacing-l-xl: clamp(2rem, 1.5217rem + 2.3913vw, 3.375rem);
	--spacing-xl-2xl: clamp(3rem, 2.4783rem + 2.6087vw, 4.5rem);
	--spacing-2xl-3xl: clamp(4rem, 3.0435rem + 4.7826vw, 6.75rem);

	/* Custom pairs */
	--spacing-s-l: clamp(1rem, 0.5652rem + 2.1739vw, 2.25rem);
}

When I use --text-*: initial it removes default text sizing utilities however --spacing-*: initial doesn't remove default spacing utilities for padding, margins, space etc. Tailwind doesn't generate old classes for example px-2 doesn't work but it still shows up in suggestions.

I also noticed --font-*: initial;, --font-weight-*: initial; don't remove default utility suggestions either.

--*: initial; should remove all default theme classes where necessary.

[FredericoC]

Can confirm;

[thecrypticace]

Hey! This will be fixed in the next patch release of Tailwind CSS. Thanks for reporting it. ✨