Custom reference is not available . --color-teal-350 未定义

[2395000206]

What version of Tailwind CSS are you using?

For example: v4.0.9

What build tool (or framework if it abstracts the build tool) are you using?

For example: Vite 6.2.0

What version of Node.js are you using?

For example: v22.0.0

What browser are you using?

For example: Chrome

What operating system are you using?

For example: Windows

Describe your issue

自定义
@import "tailwindcss";
@theme {
--color-orange-550: #ff4f00;
--color-red-0: #ff0000;
--color-teal-350: #00BEBD;
}

git clone https://gitee.com/ww_hao/vite6tailwindcss.git

.test {
background：var(--color-teal-350); // Not quoted
}

[philipp-spiess]

Hey! Seems to work fine, what is the issue? https://play.tailwindcss.com/tr6vKHkK1p?file=css

[2395000206]

git clone https://gitee.com/ww_hao/vite6tailwindcss.git

read App.css

[2395000206]

@philipp-spiess