React allows specifying the style of an HTML element from within the app, which is a powerful tool when the style depends on the data or logic of the app. On the other hand, CSS variables, also known as CSS custom properties, provide great flexibility for CSS.
This is a companion discussion topic for the original entry at https://8hob.io/posts/type-css-variables-react