Broken highlighting for newer CSS properties

[bobrocke]

This code:

@media (min-width: 576px) {
  body {
    display: grid;
    max-width: 992px;
    margin: var(--space-m) auto;
    grid-template-columns: 200px 1fr;
  }

  .content {
    grid-column: 2 / 2;
    margin-left: var(--space-m);
  }

  .pagination {
    grid-column: 2 / 2;
    text-align: center;
    margin-top: var(--space-m);
  }
}

is not fully highlighted:

[bajrangCoder]

It is highlighting. Also there is no any issue in grammar.
So what's the issue ?

[bobrocke]

I expected that grid, auto, and center would be colored. Like 100% and 0 here:

[bajrangCoder]

I have updated the highlighting queries to look similar to css one.

[bobrocke]

Excellent! And thank you.