fix(utilities): make $utilities effect sr/disp/elev styles (#16670)

Co-authored-by: Kael <kaelwd@gmail.com>

packages/vuetify/src/styles/generic/_index.scss

@@ -1,6 +1,5 @@
 @use './animations';
 @use './colors';
 @use './reset';
-@use './elevation';
 @use './transitions';
 @use './rtl';

packages/vuetify/src/styles/tools/_sheet.sass

@@ -1,15 +1,12 @@
-@use './elevation' as *
-@use './radius' as *
-
 @mixin paper ($elevation, $radius, $shaped-radius)
-  @include radius($radius)
+  @include tools.radius($radius)
 
   &:not(.v-sheet--outlined)
-    @include elevation($elevation)
+    @include tools.elevation($elevation)
 
   @if ($shaped-radius)
     &.v-sheet--shaped
-      @include radius($shaped-radius)
+      @include tools.radius($shaped-radius)
 
 
 @mixin sheet ($component, $elevation, $radius, $shaped-radius)

packages/vuetify/src/styles/utilities/_display.sass

@@ -1,7 +1,8 @@
 @use '../settings'
 
-@each $size, $media_query in settings.$display-breakpoints
-  .hidden
-    &-#{$size}
-      @media #{$media_query}
-        display: none !important
+@if (settings.$utilities != false and length(settings.$utilities) > 0)
+  @each $size, $media_query in settings.$display-breakpoints
+    .hidden
+      &-#{$size}
+        @media #{$media_query}
+          display: none !important

packages/vuetify/src/styles/utilities/_elevation.scss

@@ -0,0 +1,13 @@
+@use '../tools';
+@use '../settings';
+
+@if (settings.$utilities != false and length(settings.$utilities) > 0) {
+  $z: 24;
+  @while $z >= 0 {
+    .elevation-#{$z} {
+      @include tools.elevation($z, $important: true);
+    }
+
+    $z: $z - 1;
+  }
+}

packages/vuetify/src/styles/utilities/_index.sass

@@ -1,10 +1,11 @@
 @use 'sass:string'
 @use 'sass:map'
 @use 'sass:meta'
-@use './display.sass'
-@use './screenreaders.sass'
 @use '../settings'
 @use '../tools'
+@use './display'
+@use './elevation'
+@use './screenreaders'
 
 // Utilities
 @each $breakpoint in map.keys(settings.$grid-breakpoints)

packages/vuetify/src/styles/utilities/_screenreaders.sass

@@ -1,13 +1,15 @@
 // Source: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+@use '../settings'
 
-.d-sr-only,
-.d-sr-only-focusable:not(:focus)
-  border: 0 !important
-  clip: rect(0, 0, 0, 0) !important
-  height: 1px !important
-  margin: -1px !important // Fix for https://github.com/twbs/bootstrap/issues/25686
-  overflow: hidden !important
-  padding: 0 !important
-  position: absolute !important
-  white-space: nowrap !important
-  width: 1px !important
+@if (settings.$utilities != false and length(settings.$utilities) > 0)
+  .d-sr-only,
+  .d-sr-only-focusable:not(:focus)
+    border: 0 !important
+    clip: rect(0, 0, 0, 0) !important
+    height: 1px !important
+    margin: -1px !important // Fix for https://github.com/twbs/bootstrap/issues/25686
+    overflow: hidden !important
+    padding: 0 !important
+    position: absolute !important
+    white-space: nowrap !important
+    width: 1px !important