fix: optimize tabs style realize

Author: Ohh-889

packages/ui/src/components/tabs/source/TabsList.tsx

@@ -20,12 +20,10 @@ const TabsList = forwardRef<React.ElementRef<typeof List>, TabsListProps>((props
 
   const mergedRef = useComposedRefs(ref, tabsListRef);
 
-  const { list } = tabsVariants({ orientation, size });
+  const { indicator, indicatorRoot, list } = tabsVariants({ orientation, size });
 
   const mergedCls = cn(list(), className);
 
-  const { indicator, indicatorRoot } = tabsVariants({ size });
-
   const mergedRootCls = cn(indicatorRoot(), classNames?.indicatorRoot);
 
   const mergedIndicatorCls = cn(indicator(), classNames?.indicator);

packages/ui/src/components/tabs/source/TabsRoot.tsx

@@ -7,7 +7,9 @@ import type { TabsRootProps } from '../types';
 const TabRoot = forwardRef<React.ElementRef<typeof Root>, TabsRootProps>((props, ref) => {
   const { className, fill, orientation, size, ...rest } = props;
 
-  const mergedCls = cn(tabsVariants({ fill, orientation, size }), className);
+  const { root } = tabsVariants({ fill, orientation, size });
+
+  const mergedCls = cn(root(), className);
 
   return (
     <Root