[V4] Theme colors broken on build result

[danie-ramdhani]

What version of Tailwind CSS are you using?

4.0.0-alpha.33

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

vite 5.4.11

What version of Node.js are you using?

—

What browser are you using?

Chrome

What operating system are you using?

Windows

Reproduction URL

—

Describe your issue

--color-primary is not works properly on build result but works as expected in development mode.

Steps to Reproduce

<div
        style="background-color: var(--color-primary); width: 40px; height: 40px; margin-top: 10px; margin-bottom: 10px;">
</div>

@theme {
    --color-primary: light-dark(theme(--color-cyan-700), theme(--color-cyan-300));
}

dev mode result

build result