Bug: no-invalid-properties false positive for relative colors

[SwetaTanwar]

Environment

main branch

Which language are you using?

stylesheet

What did you do?

Configuration

/* eslint css/no-invalid-properties: "error" */

a {
   background: hwb(from hsl(0 100% 50%) h 30% b); // Error
   color: hsl(from #123456 h s calc(l + 20)) // Error
   color: hsla(from #123456 h s calc(l + 20)) // Error
   color: hwb(from green h w b / 0.5); // Error
   color: lch(from green l c h / 0.5); // Error
}

What did you expect to happen?

All are valid syntax, there should be no error.

What actually happened?

Link to Minimal Reproducible Example

Provided above

Participation

• I am willing to submit a pull request for this issue.

Additional comments

I noticed this while working on #235, If the team aligns I'll gladly send a PR for fix.

[nzakas]

Yes, we need to fix this. See eslint/csstree#82