CSS module :global function syntax

[JSerFeng]

Describe the bug

Currently SWC css module pass cannot handle cases like this

.a:global(.b .c).d {
  color: red
}

SWC ignores .d

I tried fix this, but current algorithm seems hard to implement

lightningcss demo

Input code

No response

Config

No response

Playground link (or link to the minimal reproduction)

None

SWC Info output

No response

Expected behavior

.d should be renamed

Actual behavior

.d stay as is

Version

1.3.95

Additional context

No response

[kdy1]

We need more domains in allowlist 🤣

[JSerFeng]

Sry, I'll try to make a repro repo

[kdy1]

You don't need to

[kdy1]

It's just issue manager bot configured wrongly

[JSerFeng]

I believe the cause is here, continue without handle other sub_class_selectors, but I failed to fix it 🥹

[kdy1]

Investigation

The current output is

.__local__a.b.d .c {
  color: red;
}

[JSerFeng]

Thanks for reply, here is the result of css-loader, which I believe using postcss under the hood, and lots of users use css module this way.

[swc-bot]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.