Update outline() and overflow-[xy]() mixins

src/stylesheets/core/_properties.scss

@@ -501,7 +501,9 @@ $system-properties: (
     standard: map-collect(
       map-get($system-spacing, 'smaller'),
       map-get($partial-values, 'zero-zero'),
-      ('05': spacing-multiple(0.5))
+      (
+        '05': spacing-multiple(0.5),
+      )
     ),
     extended: (),
   ),

src/stylesheets/core/mixins/utilities/_outline.scss

@@ -1,19 +1,26 @@
 // Outputs a solid outline of $value... width
 @mixin u-outline($value...) {
   $important: null;
+  $widths: map-deep-get($system-properties, outline, standard);
   @if has-important($value) {
     $value: remove($value, '!important');
     $important: ' !important';
   }
   @each $this-value in $value {
+    $this-value: smart-quote($this-value);
     $match: false;
-    @if map-has-key($all-color-shortcodes, smart-quote($this-value)) {
+    @if map-has-key($all-color-shortcodes, $this-value) {
       $match: true;
       outline-color: color(smart-quote($this-value)) #{$important};
     }
+    @else if map-has-key($widths, $this-value) {
+      $match: true;
+      $final-value: map-get($widths, $this-value);
+      outline-width: unquote('#{$final-value}#{$important}');
+      outline-style: solid#{$important};
+    }
     @else if type-of($this-value) == 'number' {
       $converted-value: number-to-token($this-value);
-      $widths: map-deep-get($system-properties, outline, standard);
       @if map-has-key($widths, $converted-value) {
         $match: true;
         $final-value: map-get($widths, $converted-value);

src/stylesheets/core/mixins/utilities/_overflow.scss

@@ -8,3 +8,21 @@
   }
   overflow: get-uswds-value(overflow, $value...) #{$important};
 }
+
+@mixin u-overflow-x($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, '!important');
+    $important: ' !important';
+  }
+  overflow-x: get-uswds-value(overflow, $value...) #{$important};
+}
+
+@mixin u-overflow-y($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, '!important');
+    $important: ' !important';
+  }
+  overflow-y: get-uswds-value(overflow, $value...) #{$important};
+}