JSFiddle - React, Tailwind, and code Playground

HTML

<p>this line should be white</p>

CSS

:root {
  --main-bg-color: brown;
  --color-white: color: white;
}


p {
  background-color: var(--main-bg-color);
  --color-white;
}