Chore: Remove breakpoints SCSS (grafana#91883)

remove breakpoints mixins

Author: ashharrison90

public/sass/_angular.scss

@@ -5,6 +5,19 @@
 @use 'sass:color';
 @use 'sass:list';
 
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  $min: if(map.get($breakpoints, $name) != 0, map.get($breakpoints, $name), null);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
 // Gradients
 @mixin gradient-vertical($startColor: #555, $endColor: #333) {
   background-color: color.mix($startColor, $endColor, 60%);

public/sass/_grafana.scss

@@ -1,6 +1,3 @@
-// MIXINS
-@import 'mixins/breakpoints';
-
 // BASE
 @import 'base/reboot';
 @import 'base/forms';

public/sass/base/_grid.scss

@@ -1,4 +1,18 @@
 @use 'sass:math';
+@use 'sass:map';
+
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  $min: if(map.get($breakpoints, $name) != 0, map.get($breakpoints, $name), null);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
 
 /// Grid system
 //