title: How to force CSS Variable to be integer in Sass?
body: <p>Forgive me if this is simple question, but I am fighting with this on CodePen and have no clue what's going on.</p>
  
  <p>I have in code:</p>
  
  <pre><code>:root {
    --ile: 10;
  }
  @for $i from 0 to (var(--ile)) { }
  </code></pre>
  
  <p>The problem is Codepen claims var(--ile) is not an integer (huh?) even if obviously it is (it has no unit and because it is not 10.0 it cannot be a float).
  What Am I missing? I tried to look in CSS specs and various examples on the web and using number as variable is legit so how to force conversion to integer if the 10 is not integer?</p>