!important и CSS-переменные.

Неочивидное поведение !important, которое применяется к самой декларации CSS-переменной, а не к ее значению. Такое поведение влияет на каскад, игнорируя специфичность и порядок.

https://frontendmasters.com/blog/important-and-css-custom-properties/