Breakpoint overriding creates media queries of default and overriden breakpoint size

Created by: denni-hill

$grid-breakpoints: (
        xs: 0,
        sm: 456px,
        md: 789px,
        lg: 999px,
        xl: 1250px
);

@import 'node_modules/bootstrap/scss/bootstrap';
@import "node_modules/bootstrap-vue/src/index";

Code above causes creation of default breakpoints sizes and overriden ones with same class names inside. It displays as 2 media queries which are contain same class-names (example: d-xl-none). In cases when instruction contains !important keyword it causes unexpectable behaviour.