currentcolor + oklch() values inside a selector triggers error when Vite builds with LightningCSS about vite HOT 3 OPEN

Start a new pull request in StackBlitz Codeflow.

• vitest-dev-vitest-k4wy6a (Open reproduction)

from vite.

Scenario 2 - write css.ligtningcss.target in Vite config

It should not have been necessary to write css.lightningcss.targets, because build.cssTarget was already set in Vite config!

This may be a gray area, but it's probably working as intended since built.cssTarget is a configuration for build.cssMinify. As in the documentation, css.lightningcss.targets should influence built.cssTarget when build.cssMinify: "lightningcss", but not the other way around.

Other than this, I think there is still an issue on lightningcss side. The error happens when Vite uses default targets from

and this can be reproduced on their playground with safari14: lightningcss playground

from vite.

Whatever may happen, I am going to appreciate when the documentation becomes more clear about LightningCSS being incompatible to build.cssTarget today, with a note to redirect people to css.lightningcss.targets. It took me some time to discover this internal functioning when debugging.

@mrredtree I agree build.cssTarget is confusing now. Like you said, as a short term solution, it make sense to update the documentation and jsdoc. Please feel free to send a PR if you like.

from vite.