chore: upgrade tailwindcss

up to v4

components/rua/loading/vercel-loading.tsx

@@ -5,7 +5,7 @@ import styles from './vercel-loading.module.css';
 const VercelLoading = () => {
   return (
     <>
-      <div className="fixed bottom-[10px] right-[20px] z-[99999]">
+      <div className="fixed bottom-[10px] right-[20px] z-99999">
         <div
           id="container"
           className={clsx(styles.container, styles.visible, styles.building)}

components/rua/tab/index.tsx

@@ -29,7 +29,7 @@ const Tab = ({ defaultValue, children }: Props) => {
         <ul
           role="tablist"
           aria-orientation="horizontal"
-          className="flex list-none !p-[unset]"
+          className="flex list-none p-[unset]!"
         >
           {children.map((child) => (
             <li
@@ -44,7 +44,7 @@ const Tab = ({ defaultValue, children }: Props) => {
                 'select-none cursor-pointer',
                 'min-w-[76px] text-center',
                 'hover:bg-gray-200 dark:hover:bg-rua-gray-800',
-                '!list-none',
+                'list-none!',
               )}
             >
               {child.props.label}

components/rua/tab/tab-item.tsx

@@ -11,7 +11,7 @@ export type ItemProps = {
 const TabItem = ({ showContent, children }: ItemProps) => {
   return (
     <>
-      <div className={clsx('hidden', showContent && '!block')}>{children}</div>
+      <div className={clsx('hidden', showContent && 'block!')}>{children}</div>
     </>
   );
 };