SyntaxError for valid CSS

[bedax]

Hello, the following works:

:where([aria-hidden="false" i][hidden]) {
  display: initial;
}

While the following does not:

:where([aria-hidden="false" i][hidden]:not(:focus)) {
  display: initial;
}

It gives the following error:

SyntaxError: expected ']' got 'i'

This is with lessc 4.1.2 (Less Compiler) [JavaScript].

Thank you!

[iChenLei]

less.js's current support for modern css is not very good

https://caniuse.com/?search=where
https://developer.mozilla.org/en-US/docs/Web/CSS/:where [Selectors Level 4]

[matthew-dean]

@iChenLei The issue isn't :where, that's a standard pseudo-class; it's missing support for the i attribute modifier. Pretty sure this is a duplicate issue.

[iChenLei]

@matthew-dean I noticed that , sir. https://drafts.csswg.org/selectors/#attribute-case
Can you give me some clues to fix this bug ? (source code position ?)

[iChenLei]

#3027 Releative issue

[bedax]

This seems to have been fixed by #3673. Thank you!