title: Is it possible to use CSS Custom Properties in values for the content property?
body: <p>Example: </p>
  
  <pre><code>:root {
      --PrimaryThemeColor: #3acfb6; /* with or without quotes */
  }
  
  .ColorSwatch:after {
    content: var(--PrimaryThemeColor);
  }
  </code></pre>
  
  <p>When this is rendered, the computed CSS is literally that value.</p>
  
  <pre><code>content: var(--PrimaryThemeColor);
  </code></pre>
  
  <p>Even if I'm using a post-processor that injects the computed value as a fallback, the value itself isn't a string, so it's invalid for <code>content</code>.</p>
  
  <pre><code>.ColorSwatch:after {
      content: #3acfb6;
      content: var(--PrimaryThemeColor);
  }
  </code></pre>