Add gap token

Author: Blackbaud-TrevorBurch

libs/components/modals/src/lib/modules/modal/modal.component.html

@@ -40,7 +40,7 @@
       <div class="sky-modal-header-buttons">
         @if (legacyHelpKey) {
           <button
-            class="sky-btn sky-modal-btn-help"
+            class="sky-btn sky-btn-borderless sky-modal-btn-help"
             name="help-button"
             type="button"
             [attr.aria-label]="'skyux_modal_open_help' | skyLibResources"
@@ -55,6 +55,7 @@
           class="sky-btn sky-modal-btn-close"
           [attr.aria-label]="'skyux_modal_close' | skyLibResources"
           [skyThemeClass]="{
+            'sky-btn-borderless': 'default',
             'sky-btn-icon-borderless': 'modern'
           }"
           (click)="closeButtonClick()"

libs/components/modals/src/lib/modules/modal/modal.component.scss

@@ -233,9 +233,8 @@
   // buttons to wrap on extra-small breakpoints (<200px).
   flex-shrink: 0.0001;
 
-  .sky-btn {
-    border: none;
-    @include mixins.sky-icon-button-borderless;
+  .sky-modal-btn-close {
+    margin-left: var(--sky-space-gap-text_action-l);
   }
 }