Bootstrap - SCSS - получить сеточные переменные сетки

Question

В файле Bootstraps variables.scss есть некоторые системные значения сетки в переменной, выглядящие так:

// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;

Теперь возможно ли их использовать, не определяя их как новые в моем собственном файле scss? Я хотел бы использовать это так:

@import '~bootstrap/scss/variables';

div.show {
  top: 90px !important;
  @media (max-width: $grid-breakpoints(xs)) <== this does not work
  {
    top: 143px !important;
  }
}