light-dark function not working with color-scheme set in :root

[corydeppen]

From what I'm seeing, using light-dark doesn't work as expected unless the colorScheme is specified in a StyleX style object. Based on this comment, I was under the impression the light-dark function could be used after setting the color-scheme in :root, but the following example shows that doesn't appear to work. If I add the --lightningcss-light and --lightningcss-dark custom properties manually to :root the StyleX variable will be set to the correct color value.

https://stackblitz.com/edit/vitejs-vite-tuzt8ccj?file=src%2FApp.tsx

Is there a config option(s) I'm missing that would enable the Lightning custom properties to be added?

Edit: This seems similar to what's been discovered in porsche-design-system/porsche-design-system#4257.

[chbybnwr]

This reference might help.
Controlling light-dark() lowering