CSS Variables

[McRaeSoftware]

When trying to use CSS variables the linter constantly displays the error "Expected RBRACE at line number, col number"

example CSS;

:root
{
/* these variables flag errors -> "Expected RBRACE at line number, col number"*/
--primaryColour: #23d5ab;
--secondaryColour: #17a2b8;
}

.example
{
background-color: Black;
/*this line displayes error -> " Expected color but found 'var(--primaryColour)" */
color: var(--primaryColour);
}