Problem parsing :is()

[christophe-ledu]

Expected Behaviour

The content of the :is() is a selector itself ( https://developer.mozilla.org/en-US/docs/Web/CSS/:is )

Actual Behaviour

Currently, parsing selector as in the following code split the selector with the , which doesn't work

Reproduce Scenario (including but not limited to)

Using a :is() with a , inside the parenthesis

Steps to Reproduce

Platform and Version

Linux, Node 18

Sample Code that illustrates the problem

import {parse} from "@adobe/css-tools";
console.dir(await parse('.klass:is(:nth-child(1), :nth-child(2)) {margin: 0 !important}'), { depth: 4 });

Logs taken while reproducing problem

yarn node test.js
{
  type: 'stylesheet',
  stylesheet: {
    source: undefined,
    rules: [
      {
        type: 'rule',
        selectors: [ '.klass:is(:nth-child(1)', ':nth-child(2))' ],
        declarations: [ [Object] ],
        position: $0865a9fb4cc365fe$export$2e2bcd8739ae039 {
          start: [Object],
          end: [Object],
          source: ''
        }
      }
    ],
    parsingErrors: []
  }
}

[holblin]

Hi @christophe-ledu ,
Thanks for that report. A fix is on the way and will be released very soon.
This was linked to nested parenthesis which weren't taken into account for selectors.
Thanks for your patience.

[holblin]

Note: this will be fixed with 1 level only.

[holblin]

Please ignore my previous message. To prevent another ReDos I found a better implementation that will handle all the depth of parentheses.