title: Import .less variables to use within React Styled Components
body: <p>I'm trying to import <code>.less</code>variables from a file to use within a <code>styled-component</code>. Is this possible? </p>
  
  <p><strong>Variables.less</strong></p>
  
  <pre><code>@color1: #e6ae11;
  @color2: #d1e4f7;
  </code></pre>
  
  <p><strong>Component.jsx</strong></p>
  
  <pre><code>import  '../../../../stylesheets/variables.less';
  ....
  const StyledDiv = styled.div`
    text-align: right;
    color: @color1
  `;
  
  </code></pre>