JSFiddle - React, Tailwind, and code Playground

HTML

<button>
clickme
</button>

CSS

body {
  --test: "this is a test";
}

body::before {
  content: var(--test);
}

JavaScript

document.querySelector("button").onclick = e=> {
  document.body.style.setProperty("--test", "clicked");
}