[Bug]: unexpected css transform for color

[fz6m]

System Info

System:
    OS: macOS 14.2.1
    CPU: (8) arm64 Apple M3
    Memory: 114.19 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.19.0 - ~/Library/Caches/fnm_multishells/26058_1725135681510/bin/node
    Yarn: 1.22.22 - ~/Library/Caches/fnm_multishells/26058_1725135681510/bin/yarn
    npm: 10.2.3 - ~/Library/Caches/fnm_multishells/26058_1725135681510/bin/npm
    pnpm: 9.7.1 - ~/Library/Caches/fnm_multishells/26058_1725135681510/bin/pnpm
    bun: 1.1.5 - ~/.bun/bin/bun
    Watchman: 2024.07.08.00 - /opt/homebrew/bin/watchman
  Browsers:
    Chrome: 128.0.6613.114
    Safari: 17.2.1

Details

rspack and webpack handle css differently.

see minimal reproduction.

Reproduce link

No response

Reproduce Steps

See readme

[jerrykingxyz]

It seems be transformed by lightningcss when minimize css. You can try it in playground

If you want to avoid this behavior, you can set the target in LightningCssMinimizerRspackPlugin.
https://rspack.dev/plugins/rspack/lightning-css-minimizer-rspack-plugin#minimizeroptions

[fz6m]

fixed in #7811