Incorrect CSS Output for :not() Selector

[abdel-17]

Describe the bug

In the following example, the &:not([aria-expanded]) selector does not get applied.

<script>
    import Item from "./Item.svelte";
</script>

<div>
    <Item class="item">Item</Item>
</div>

<style>
    :global(.item) {
        border: 1px solid;

        &:not([aria-expanded]) {
            border-style: dashed;
        }
    }
</style>

This is due to a bug in the CSS output.

.item {
    border: 1px solid;

    &:not(/* (unused) [aria-expanded]*/) {
        border-style: dashed;
    }
}

Reproduction

https://svelte.dev/playground/untitled?version=5.1.11#H4sIAAAAAAAAE42SQYvbMBCF_8ogSonBcdhLKVontCwt7KU95Ljag2xNHIEsCWkSEoz_e5Edu5tt0vZipPG8b_Sk1zErW2ScPdvahYA1wdN2Cz8P5A8E310Abh0tMtiiwZpcYDnbaYOR8ZeO0dknbSqwfCJ99b6IRzSUapWMeKteO0toKTLOylgH7WkjrCDdehcInglb2AXXgmDFKu0uSsEehS1XvxW2VPoItZExrgUzOpJgA6kcGDJoucSTl1ahWgtG4YCCzf2asBVs8-3SUA6j_iLfSRNv6J-cMdLHG4B3jT-cXY7DZGVw7i5XSh9HN5HOBgdAkcxAl5aClI7eyDOHJmj1ONYa6Tk8fPKnYd8nuSDeGFdJsyjSxGySVy4oDBwe_AmiMzPCS6W0bTh8HilD8ePLle3XCTJhlsMZOSgZ9ziR-jvq-c7fYGpnXOBgdLOnyhzw34jLvd9h1C5I8wdkyO07K9l_e0mfcjW-BssZ4YkYT076_E7s36T0OvfXP-4Ev3Y2vTbUe21UQJtDURQ-OB-hhzV8GJaL7Gb6u6m133RfAlqFYeYssn5M17WJ1_4XDtgF8PkDAAA=

Logs

No response

System Info

Not necessary

Severity

annoyance

[fnimick]

This is more than an annoyance - this breaks pretty much all usage of tailwindcss, which uses :not([hidden]) selectors extensively.

Example:

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem /* 8px */ * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem /* 8px */ * var(--tw-space-y-reverse));
}

It also breaks the CSS attribute selector warnings, which can be tested with this trivial example:

<p>foo</p>

<style>
  :not([hidden]) {
    text-align: left;
  }
</style>

[fnimick]

@abdel-17 a solution for now is to use e.g. &:not(:global([aria-expanded])) which works

[RajvardhanT7747]

Is this issue closed or working on ?

[dummdidumm]

There's a pr that fixes this waiting for a review