Error When Using CSS Container Scroll-state Queries

[abdelfattahradwan]

When using CSS container scroll-state queries, I get an error saying: ( expected css(css-lparentexpected).

The following snippet can be used to reproduce the issue:

<style>
  #my-container {
    container-type: scroll-state;
    container-name: my-container;
  }

  @media (pointer: fine) and (hover: hover) {
    @container my-container scroll-state(scrollable: y) {
      #my-list {
        padding-inline-end: calc(var(--spacing) * 2);
      }
    }
  }
</style>

The error is emitted on line 8, at column 29 (0-based index in the string is 180) and ends at column 41.