[ESLint plugin] `no-css-color` rule misfires

[weronikaolejniczak]

Describe the bug

At times, the no-css-color rule misfires, especially with the border. Example:

Code:

• https://github.com/elastic/kibana/blob/ae4161616205137b72314e0dd588540b6720c091/x-pack/platform/plugins/shared/searchprofiler/public/application/components/profile_tree/shard_details/shard_details_tree_node.styles.tsx#L38-L41

• https://github.com/elastic/kibana/blob/ae4161616205137b72314e0dd588540b6720c091/x-pack/platform/plugins/shared/searchprofiler/public/application/components/percentage_badge/percentage_badge.tsx#L27-L32

Impact and severity

Low severity, low impact. False-positive warnings are annoying to devs.

A warning can be ignored or muted with ESLint disable comment.

To Reproduce

1. Checkout Kibana.
2. Look at the code mentioned above ☝🏻
3. Notice that linter highlights the lines incorrectly.

Expected behavior

The rule doesn't misfire.