There's a problem with the <cubic-bezier-easing-function> syntax definition. When we try to validate the transition property, we get this error:
1) no-invalid-properties
valid
a { color: red; transition: none; }:
Error: Bad syntax reference: <cubic-bezier-easing-function>
Occurred while linting <input>:1
Rule: "rule-to-test/no-invalid-properties"
at internalMatch (file:///C:/Users/nzaka/projects/eslint/css/node_modules/@eslint/css-tree/lib/lexer/match.js:406:27)
at matchAsTree (file:///C:/Users/nzaka/projects/eslint/css/node_modules/@eslint/css-tree/lib/lexer/match.js:586:25)
at matchSyntax (file:///C:/Users/nzaka/projects/eslint/css/node_modules/@eslint/css-tree/lib/lexer/Lexer.js:102:18)
at Lexer.matchProperty (file:///C:/Users/nzaka/projects/eslint/css/node_modules/@eslint/css-tree/lib/lexer/Lexer.js:386:16)
at Lexer.matchDeclaration (file:///C:/Users/nzaka/projects/eslint/css/node_modules/@eslint/css-tree/lib/lexer/Lexer.js:370:21)
There's a problem with the
<cubic-bezier-easing-function>syntax definition. When we try to validate thetransitionproperty, we get this error: