title: How to use global variables in CSS-Modules?
body: <p>I'm busy learning React with CSS-Modules and I don't quite understand how one would store variables? For example, in Sass you're able to do this:</p>
  
  <pre><code>// _variables.scss
  $primary-color: #f1f1f1; 
  
  // heading.scss
  @import './variables';
  .heading {
    color: $primary-color
  }
  </code></pre>
  
  <p>How do you achieve this in CSS Modules?</p>