fix: modify the SaaS theme style of the dialog-box window

Author: James-9696

packages/theme-saas/src/dialog-box/index.less

@@ -64,7 +64,7 @@
     @apply flex;
     @apply justify-between;
     @apply items-center;
-    @apply border-b border-b-color-bg-3;
+    @apply border-b border-color-fill-1;
 
     .@{dialog-box-prefix-cls}__title {
       @apply text-sm;
@@ -130,7 +130,7 @@
     @apply pt-4 pr-6 pb-4 pl-6;
     @apply text-right;
     @apply box-border;
-    @apply border-t border-t-color-bg-3;
+    @apply border-t border-color-fill-1;
 
     .@{css-prefix}toolbar {
       .@{css-prefix}button {

packages/vue/src/dialog-box/src/mobile-first.vue

@@ -31,7 +31,7 @@
             <div
               v-if="showHeader"
               data-tag="tiny-dialog-box__header"
-              class="px-6 py-4 leading-5.5 bg-color-bg-1 flex justify-between items-center border-b border-b-color-bg-3"
+              class="px-6 py-4 leading-5.5 bg-color-bg-1 flex justify-between items-center border-b border-color-fill-1"
               @mousedown="handleDrag"
             >
               <slot name="title">
@@ -89,7 +89,7 @@
             <div
               v-if="slots.footer"
               data-tag="tiny-dialog-box__footer"
-              class="pt-4 pr-6 pb-4 pl-6 text-right box-border border-t border-t-color-bg-3 [&_[data-tag=tiny-button]]:mx-1 [&_[data-tag=tiny-button]]:my-0 [&_[data-tag=tiny-toolbar]_[data-tag=tiny-button]]:my-0 [&_[data-tag=tiny-toolbar]_[data-tag=tiny-button]]:mx-1"
+              class="pt-4 pr-6 pb-4 pl-6 text-right box-border border-t border-color-fill-1 [&_[data-tag=tiny-button]]:mx-1 [&_[data-tag=tiny-button]]:my-0 [&_[data-tag=tiny-toolbar]_[data-tag=tiny-button]]:my-0 [&_[data-tag=tiny-toolbar]_[data-tag=tiny-button]]:mx-1"
             >
               <slot name="footer" :before-close="beforeClose"></slot>
             </div>