tailwind-breakpoints-example.scss

$breakpoints: 'sm', 'md', 'lg', 'xl', '2xl';

@mixin breakpointSet($breakpoints) {
  @media (min-width: theme('screens.' + #{$breakpoints})) {
    @content;
  }
}

.boxContainer {
  margin: 20px;

  @include breakpointSet('md') {
    margin: 32px;
  }

  @include breakpointSet('xl') {
    margin: 40px;
  }
}