chore: replace clsx with classix

docs/examples/components/Button.tsx

@@ -1,6 +1,6 @@
 import type { CSSInterpolation, CSSObject } from '@ant-design/cssinjs';
 import { unit, useCSSVarRegister, useStyleRegister } from '@ant-design/cssinjs';
-import { clsx } from 'clsx';
+import classix from 'classix';
 import React from 'react';
 import type { DerivativeToken } from './theme';
 import { useToken } from './theme';
@@ -160,7 +160,7 @@ const Button = ({ className, type, ...restProps }: ButtonProps) => {
 
   return (
     <button
-      className={clsx(prefixCls, typeCls, hashId, className, cssVarKey)}
+      className={classix(prefixCls, typeCls, hashId, className, cssVarKey)}
       {...restProps}
     />
   );

docs/examples/components/Spin.tsx

@@ -1,4 +1,4 @@
-import { clsx } from 'clsx';
+import classix from 'classix';
 import React from 'react';
 import type { DerivativeToken } from './theme';
 import { useToken } from './theme';
@@ -45,7 +45,7 @@ const Spin = ({ className, ...restProps }: SpinProps) => {
     genSpinStyle(prefixCls, token),
   ]);
 
-  return <div className={clsx(prefixCls, hashId, className)} {...restProps} />;
+  return <div className={classix(prefixCls, hashId, className)} {...restProps} />;
 };
 
 export default Spin;

docs/examples/diff-salt.tsx

@@ -1,6 +1,6 @@
 import type { CSSInterpolation } from '@ant-design/cssinjs';
 import { useStyleRegister } from '@ant-design/cssinjs';
-import { clsx } from 'clsx';
+import classix from 'classix';
 import React from 'react';
 import type { DerivativeToken } from './components/theme';
 import { DesignTokenContext, useToken } from './components/theme';
@@ -49,7 +49,7 @@ const genComponent = (genStyle: typeof genStyle1) => {
     ]);
 
     return (
-      <div className={clsx(prefixCls, hashId, className)} {...restProps} />
+      <div className={classix(prefixCls, hashId, className)} {...restProps} />
     );
   };
 };

docs/examples/layer.tsx

@@ -1,5 +1,5 @@
 import { StyleProvider, Theme, useStyleRegister } from '@ant-design/cssinjs';
-import { clsx } from 'clsx';
+import classix from 'classix';
 import React from 'react';
 
 const theme = new Theme([() => ({})]);
@@ -49,7 +49,7 @@ const Div = ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) => {
     }),
   );
 
-  return <div className={clsx(className, 'layer-div')} {...rest} />;
+  return <div className={classix(className, 'layer-div')} {...rest} />;
 };
 
 export default function App() {

package.json

@@ -46,7 +46,7 @@
     "@emotion/hash": "^0.8.0",
     "@emotion/unitless": "^0.7.5",
     "@rc-component/util": "^1.4.0",
-    "clsx": "^2.1.1",
+    "classix": "^2.2.6",
     "csstype": "^3.1.3",
     "stylis": "^4.3.4"
   },