title: Invalid property in scss file
body: <p>in an scss file aks-file-name.scss I am using below code to put css property on  some component in react</p>
  <pre><code>$header-height-value: 70px;
  
  .body {
    box-sizing: border-box;
    height: calc(100% - $header-height-value);
  }
  </code></pre>
  <p>It gives an error in the dev tools cs invalid property in line <code>height: calc(100% - $header-height-value);</code></p>
  <p>and property not applied to the element.
  If I use the below code it perfectly works</p>
  <pre><code>.body {
    box-sizing: border-box;
    height: calc(100% - 70px);
  }
  </code></pre>
  <p>how to fix this and make it work in a first way because putting random 70px in the code is not a good idea for the future.</p>