How to deal with the error report after opening the css file with variables with WebStorm?

A project uses css parameters in the following format:
$ui-primary: hsla (215, 100%, 95%, 1); / -sharpE5F0FF /
$ui-secondary: hsla (215, 75%, 95%, 1); / -sharpE9F1FC /
$ui-tertiary: hsla (215, 50%, 90%, 1); / -sharpD9E3F2 /

when in use:
.button {

display: flex;
background: $motion-primary;

}
this is the case, but this kind of css file uses WebStorm to open the Times error, how to set so that WebStorm can recognize this kind of css file, or which ide supports this kind of css file?

Feb.17,2022
Menu