fix(tooltip): fix tooltip's box-shadow and invalid text of form-item's style (#3420)

* fix(tooltip): fix tooltip's box-shadow and invalid text of form-item's style

* fix(theme-saas): fix

Author: shenjunjian

packages/theme-saas/src/tooltip/index.less

@@ -29,7 +29,7 @@
     @apply ~'z-[2000]';
     word-wrap: break-word;
     @apply rounded;
-    @apply shadow;
+    @apply shadow-md;
 
     .popper__arrow,
     .popper__arrow::after {

packages/theme-saas/theme/theme.json

@@ -972,7 +972,7 @@
     "boxShadow": {
       "--tiny-boxShadow-sm": "0px 1px 6px 0px rgba(0, 0, 0, 0.08)",
       "--tiny-boxShadow-DEFAULT": "0px 4px 12px 0px rgba(0, 0, 0, 0.08)",
-      "--tiny-boxShadow-md": "1px 4px 12px 0px rgba(0, 0, 0, 0.16)",
+      "--tiny-boxShadow-md": "0 4px 12px 0px rgba(0, 0, 0, 0.16)",
       "--tiny-boxShadow-lg": "0px 8px 24px 0px rgba(0, 0, 0, 0.16)",
       "--tiny-boxShadow-xl": "0px 16px 48px 0px rgba(0, 0, 0, 0.16)",
       "--tiny-boxShadow-2xl": "0px 24px 40px 0px rgba(0, 0, 0, 0.12)",

packages/vue/src/form-item/src/mobile-first.vue

@@ -120,7 +120,7 @@
         <div
           :class="
             m(
-              'relative sm:absolute left-0 bottom-1 sm:-bottom-4 text-color-error text-xs leading-4 line-clamp-3 sm:line-clamp-1 break-all',
+              'sm:absolute left-0 bottom-1 sm:-bottom-4 text-color-error text-xs leading-4 line-clamp-3 sm:line-clamp-1 break-all',
               (typeof inlineMessage === 'boolean' && inlineMessage) || state.inlineMessage
                 ? 'relative top-auto left-auto inline-block'
                 : ''