fix(tasty): mod props priority

Author: tenphi

src/components/actions/ItemButton/ItemButton.tsx

@@ -47,17 +47,17 @@ const ActionsWrapper = tasty({
     placeItems: 'stretch',
     preset: {
       '': 't3m',
-      '[data-size="xsmall"]': 't4',
-      '[data-size="xlarge"]': 't2m',
+      'size=xsmall': 't4',
+      'size=xlarge': 't2m',
     },
 
     $size: {
       '': '$size-md',
-      '[data-size="xsmall"]': '$size-xs',
-      '[data-size="small"]': '$size-sm',
-      '[data-size="medium"]': '$size-md',
-      '[data-size="large"]': '$size-lg',
-      '[data-size="xlarge"]': '$size-xl',
+      'size=xsmall': '$size-xs',
+      'size=small': '$size-sm',
+      'size=medium': '$size-md',
+      'size=large': '$size-lg',
+      'size=xlarge': '$size-xl',
     },
 
     Actions: {

src/tasty/tasty.tsx

@@ -460,9 +460,9 @@ function tastyElement<K extends StyleList, V extends VariantMap>(
         'data-element': (element as string | undefined) || defaultElement,
         'data-qa': (qa as string | undefined) || defaultQa,
         'data-qaval': (qaVal as string | undefined) || defaultQaVal,
+        ...(modProps || {}),
         ...(otherDefaultProps as unknown as Record<string, unknown>),
         ...(otherProps as unknown as Record<string, unknown>),
-        ...(modProps || {}),
         className: finalClassName,
         ref,
       } as Record<string, unknown>;