title: Sass math.div function is undefined in angular app, but is defined in angular lib
body: <p>I need to use <a href="https://sass-lang.com/documentation/modules/math#div" rel="noreferrer">Sass math.div</a> function in my angular application. Here is the example of my SCSS code:</p>
  <pre><code>@use &quot;sass:math&quot;;
  
  div {
    min-height: math.div(100, 2);
  }
  
  </code></pre>
  <p>I created the angular application using <code>ng new my-application</code> command. Also I created a library in the application using <code>ng generate library my-lib</code> command.</p>
  <p>The SCSS code with <code>math.div</code> works fine in the library. If I put the SCSS code in <code>projects/my-lib/src/lib/my-lib.component.scss</code> and run <code>ng build my-lib</code> then the library will build successfully.</p>
  <p>But if I put the SCSS code in src folder, for example <code>src/app/app.component.scss</code> and run command <code>ng build</code> then I get this error:</p>
  <pre><code>Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
  SassError: Undefined function.
    ╷
  4 │   min-height: math.div(100, 2);
    │                 ^^^^^^^^^^^^^^^^
    ╵
    src\app\app.component.scss 4:17  root stylesheet
  </code></pre>
  <p><code>math.div</code> function <a href="https://sass-lang.com/documentation/modules/math#pow" rel="noreferrer">is available in sass since 1.33.0</a>, so I think the problem is that angular app has different sass version from angular lib for some reason. But I don't know how to fix it.</p>
  <p>For example <code>min-height: math.pow(10, 2);</code> works fine in the app. <a href="https://sass-lang.com/documentation/modules/math#pow" rel="noreferrer">math.pow is available since 1.25.0</a></p>