Support `@supports`

[nafg]

Parsing https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.1/dist/semantic.css fails with

ERROR com.helger.css.handler.LoggingCSSParseExceptionCallback - Failed to parse CSS: [36251:11] Encountered text 'selector(' corresponding to token <FUNCTION>. Was expecting one of: <S>, "(", "not"

At line 36251 is

@supports selector(:has(.f)) {
  .ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .dropdown.icon {
    padding-right: initial;
  }

  .ui.icon.input:not([class*="left icon"]):not(:has(.ui.dropdown ~ input)) > .ui.dropdown > .dropdown.icon {
    padding-right: 2.5em;
  }
}

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Hansanto]

Is there any news on that? Got the same issue here

[phax]

Sorry no progress atm :(

[blutorange]

Just for reference, @supports is supported, but only partially:

• ✓ @supports (transform-origin: 5% 5%) { }
• ✓ @supports not (transform-origin: 10em 10em 10em) { }
• ✓ @supports (display: grid) and (not (display: inline-grid)) { }
• ✓ @supports (transform-style: preserve) or (-moz-transform-style: preserve) { }
• ✗ @supports selector(h2 > p) { }
• ✗ @supports font-tech(color-COLRv1) { }
• ✗ @supports font-format(opentype) { }
• ✗ @supports at-rule(media) { }
• ✗ @supports named-feature(my-feature) { }
• ✗ @supports env(my-env) { }