fr units not accepted in grid-template-columns property

[stefan-cotitosu]

Description

The code with fr units is not validated unless the unit is wrapped in parentheses which makes the code invalid.

Step-by-step reproduction instructions

1. Use the Block CSS editor
2. Add the following property:
   grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), 1fr));

It throws this error:
Expected RBRACE at line 2, col 67.

The code validates in the editor if it's written as follows, which is not correct.
grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), (1fr)));

Screenshots, screen recording, code snippet or Help Scout ticket

Reported here: https://wordpress.org/support/topic/issue-with-grid-template-columns/

Environment info

No response

Is the issue you are reporting a regression

No

[HardeepAsrani]

@stefan-cotitosu This is a known issue. We use linting script from Core which is outdated and doesn't support all properties and that's why we added the Override option. Nothing we can do here. 😄