We are currently using SCSS. If we are doing theming (light, dark, white labeling) of our product, should we be using React Context or CSS variables?
Additionally: should our CSS variables be var(--primary-blue-500) and referencing a color value directly or should we be doing something liike var(--combobox-border-color) and reference the values all per component CSS property?