chore(ui): remove margin-size css variable

Author: xiejay97

packages/ui/src/styles/_root.scss

@@ -19,9 +19,6 @@
   --#{$rd-prefix}horizontal-space-size: 12px;
   --#{$rd-prefix}horizontal-space-size-smaller: 10px;
   --#{$rd-prefix}horizontal-space-size-larger: 14px;
-  --#{$rd-prefix}margin-size: 8px;
-  --#{$rd-prefix}margin-size-smaller: 6px;
-  --#{$rd-prefix}margin-size-larger: 10px;
 
   /** animation **/
   --#{$rd-prefix}animation-duration-slow: 300ms;

packages/ui/src/styles/components/form.scss

@@ -75,7 +75,7 @@
     align-items: center;
     justify-content: flex-end;
     min-height: var(--#{$rd-prefix}size);
-    padding-right: var(--#{$rd-prefix}margin-size);
+    padding-right: 8px;
 
     @include m(required) {
       &::before {

packages/ui/src/styles/components/mixins/_size.scss

@@ -3,7 +3,6 @@
     --#{$rd-prefix}size: var(--#{$rd-prefix}size-smaller);
     --#{$rd-prefix}padding-size: var(--#{$rd-prefix}padding-size-smaller);
     --#{$rd-prefix}horizontal-space-size: var(--#{$rd-prefix}horizontal-space-size-smaller);
-    --#{$rd-prefix}margin-size: var(--#{$rd-prefix}margin-size-smaller);
 
     @include font-size(0.9rem);
   }
@@ -12,7 +11,6 @@
     --#{$rd-prefix}size: var(--#{$rd-prefix}size-larger);
     --#{$rd-prefix}padding-size: var(--#{$rd-prefix}padding-size-larger);
     --#{$rd-prefix}horizontal-space-size: var(--#{$rd-prefix}horizontal-space-size-larger);
-    --#{$rd-prefix}margin-size: var(--#{$rd-prefix}margin-size-larger);
 
     @include font-size(1.15rem);
   }

packages/ui/src/styles/components/tabs.scss

@@ -276,15 +276,6 @@
     @include tabs-vertical(right);
   }
 
-  @include m(larger) {
-    --#{$rd-prefix}tabs-tab-size: 52px;
-    --#{$rd-prefix}tabs-slider-tab-size: 44px;
-    --#{$rd-prefix}tabs-tab-gap: 36px;
-    --#{$rd-prefix}tabs-tab-padding: 20px;
-
-    @include font-size(1.15rem);
-  }
-
   @include m(smaller) {
     --#{$rd-prefix}tabs-tab-size: 36px;
     --#{$rd-prefix}tabs-slider-tab-size: 32px;
@@ -294,6 +285,15 @@
     @include font-size(0.9rem);
   }
 
+  @include m(larger) {
+    --#{$rd-prefix}tabs-tab-size: 52px;
+    --#{$rd-prefix}tabs-slider-tab-size: 44px;
+    --#{$rd-prefix}tabs-tab-gap: 36px;
+    --#{$rd-prefix}tabs-tab-padding: 20px;
+
+    @include font-size(1.15rem);
+  }
+
   @include m(slider) {
     --#{$rd-prefix}tabs-tab-size: var(--#{$rd-prefix}tabs-slider-tab-size);