خطأ إضافة media brakpoint bootstrap

السلام عليكم

عند استخدام 

    @include media-breakpoint-down(sm){
        border-radius: 50%;
    }

يظهر لي الخطأ التالي رغم أنني ضمت مكتبة البوتسترات وتفقدت ملفات sass ممكن شرح و إشارةعن مكان او طبيعة الخطأ شكرا

ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined mixin.
   ╷
63 │ ┌     @include media-breakpoint-down(sm){
64 │ │         border-radius: 50%;
65 │ └     }
   ╵
  resources\sass\section\_intro.scss 63:5  @use
  resources\sass\app.scss 6:1              root stylesheet
    at processResult (C:\laragon\www\d_sm\node_modules\webpack\lib\NormalModule.js:758:19)
    at C:\laragon\www\d_sm\node_modules\webpack\lib\NormalModule.js:860:5
    at C:\laragon\www\d_sm\node_modules\loader-runner\lib\LoaderRunner.js:400:11
    at C:\laragon\www\d_sm\node_modules\loader-runner\lib\LoaderRunner.js:252:18
    at context.callback (C:\laragon\www\d_sm\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
    at C:\laragon\www\d_sm\node_modules\sass-loader\dist\index.js:54:7
    at Function.call$2 (C:\laragon\www\d_sm\node_modules\sass\sass.dart.js:99827:16)
    at render_closure1.call$2 (C:\laragon\www\d_sm\node_modules\sass\sass.dart.js:85350:12)
    at _RootZone.runBinary$3$3 (C:\laragon\www\d_sm\node_modules\sass\sass.dart.js:29726:18)
    at _FutureListener.handleError$1 (C:\laragon\www\d_sm\node_modules\sass\sass.dart.js:28240:21)

1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)