Custom CSS variable is not Supporting in Microsoft Edge

Hi All,
I am facing some issue in custom CSS variables in Edge. As the default vaadin Lumo theme variables are working fine. The variable which we created from the lumo variable is not working in Edge as expected and In other browsers they are working fine. The variable are initialized in JS files.
17932723.jpg

Are you importing your styles with @CssImport or @StyleSheet annotation. I am asking this, since there is a difference. Polyfils are applied with @CssImport, so you need to use that in order to support Edge, Safari and IE11.