feat: Update opacity utilities to match new opacity settings

Author: remydenton

packages/global/styles/07-utilities/_utilities-opacity.scss

@@ -1,28 +1,23 @@
 /* ------------------------------------ *\
-  #VISUALLY HIDDEN UTILITIES
+  OPACITY UTILITIES
+  see `_settings-opacity.scss`
 \* ------------------------------------ */
 
 @import '@bolt/core';
 
-$bolt-opacity-props: (0, .25, .50, .75, 1);
-
 @mixin bolt-opacity-utils($breakpoint: null) {
-  @each $value in $bolt-opacity-props {
-    $name: $value * 100;
+  @each $name, $value in $bolt-opacities {
     .u-bolt-opacity-#{$name}#{$breakpoint} {
-      opacity: $value !important;
+      @include bolt-opacity($name, $utility: true);
     }
   }
 }
 
 @include bolt-opacity-utils;
 
-// Loop over our breakpoints
 @each $breakpoint in $bolt-breakpoints {
   $breakpointName: nth($breakpoint, 1);
   @include bolt-mq($breakpointName) {
     @include bolt-opacity-utils(\@#{$breakpointName});
   }
 }
-
-@include export-data('opacity.bolt.json', $bolt-opacity-props);