classNames() --> clsx()

app/soapbox/components/ui/button/useButtonStyles.ts

@@ -1,4 +1,4 @@
-import classNames from 'clsx';
+import clsx from 'clsx';
 
 const themes = {
   primary:
@@ -38,7 +38,7 @@ const useButtonStyles = ({
   disabled,
   size,
 }: IButtonStyles) => {
-  const buttonStyle = classNames({
+  const buttonStyle = clsx({
     'inline-flex items-center border font-medium rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none transition-all': true,
     'select-none disabled:opacity-75 disabled:cursor-default': disabled,
     [`${themes[theme]}`]: true,