Bug description

After updating to postcss-nesting 10.1.9 I found regression in my UI.

I solved the problem by noIsPseudoSelector option.

But why :is() is not working?

If it is my mistake, let’s improve ChangeLog.

Source CSS

.checkbox_icon::before {
  @nest .checkbox_input:checked + .checkbox_control > & {
    color: black
  }
}

Expected CSS

10.1.8 output works good:

.checkbox_input:checked + .checkbox_control > .checkbox_icon::before {
    color: black
}

Actual CSS

10.1.9 doesn’t work [at least] in Firefox 101

.checkbox_input:checked + .checkbox_control > :is(.checkbox_icon::before) {
    color: black;
}

Does it happen with npx @csstools/csstools-cli <plugin-name> minimal-example.css?

Yes

Debug output

No response

Extra config

PostCSS config:

{
  "plugins": {
    "@csstools/postcss-oklab-function": {
      "subFeatures": {
        "displayP3": false
      }
    },
    "postcss-opacity-percentage": {},
    "postcss-mixins": {
      "mixinsFiles": "view/**/mixins.pcss"
    },
    "postcss-nesting": {},
    "postcss-media-minmax": {},
    "autoprefixer": {}
  }
}

What plugin are you experiencing this issue on?

PostCSS Nesting

Plugin version

10.1.9

What OS are you experiencing this on?

No response

Node Version

18.4

Validations

• Follow our Code of Conduct
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this bug?

• I'm willing to open a PR