title: Scss: @include media-breakpoint-down: Undefined mixin but I import bootstrap claass
body: <p>I tried to use @include media-breakpoint-up in Angular but when compile get this error</p>
  <p>Bootstrap 5.1.13</p>
  <p>Angular CLI: 10.2.4</p>
  <p>Node: 14.17.2</p>
  <p>OS: win32 x64</p>
  <p>Angular: 10.2.5</p>
  <pre><code>ERROR in Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
  SassError: Undefined mixin.
    ╷
  6 │ ┌         @include media-breakpoint-down(md) {
  7 │ │             width: 100%;
  8 │ │             margin: 0 10px 0 10px;
  9 │ └         }
  </code></pre>
  <p>style class</p>
  <pre><code>.mat-form-field{
          width: 460px;
  
          @include media-breakpoint-down(md) {
              width: 100%;
              margin: 0 10px 0 10px;
          }
      } 
  </code></pre>
  <p>import in main.scss
  <code>@import '~bootstrap/scss/bootstrap-utilities';</code></p>
  <p>bootrap class in html working normally</p>
  <p>where is wrong?
  Thanks</p>
  <p>I tried to import every single bootsrap class (in correct order), i tried to restart Angular ng serve but never working</p>