When we use a Sass variable, its value remains static at the point it is applied. In order to override that value in a new context, we would need to both re-define and re-apply that variable.

When we use a CSS (cascading) variable, its value is always determined contextually – so the value remains dynamic to changes in context. We can apply it once, and re-define it contextually.