title: Laravel Mix | Bootstrap DEPRECATION WARNING: Using / for division is deprecated and will be removed
body: <p>I install bootstrap using npm and use scss to import it
  but when I try to compile,It just show endless warnings</p>
  <pre><code>npm install bootstrap 
  </code></pre>
  <p>app.scss file</p>
  <pre><code>@import &quot;~bootstrap/scss/bootstrap&quot;;
  </code></pre>
  <p>and when I run dev</p>
  <pre><code>npm run dev
  </code></pre>
  <p>then I see Endless loop with this warning</p>
  <pre><code>DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
  
  Recommendation: math.div($spacer, 4)
  
  More info and automated migrator: https://sass-lang.com/d/slash-div
  
      ╷
  253 │   1: $spacer / 4,
      │      ^^^^^^^^^^^
      ╵
      node_modules\bootstrap\scss\_variables.scss 253:6  @import
      node_modules\bootstrap\scss\bootstrap.scss 11:9    @import
      resources\css\app.scss 2:9                         root stylesheet
  
  </code></pre>
  <p>My webpack.mix</p>
  <pre><code>mix.js('resources/js/app.js', 'public/js')
  .sass('resources/css/app.scss', 'public/css', [
      //
  ]);
  </code></pre>