fix styling props on Text component

src/shared/components/text/text.module.css

@@ -4,7 +4,7 @@
     user-select: auto;
 }
 
-.root.muted {
+.muted {
     color: var(--theme-colors-foreground-muted);
 }
 
@@ -23,6 +23,6 @@
     white-space: nowrap;
 }
 
-.root.no-select {
+.no-select {
     user-select: none;
 }

src/shared/components/text/text.tsx

@@ -33,12 +33,14 @@ export const _Text = ({
 }: TextProps) => {
     return (
         <MantineText
-            className={clsx(styles.root, {
+            classNames={{
-                [styles.link]: isLink,
+                root: clsx(styles.root, {
-                [styles.muted]: isMuted,
+                    [styles.link]: isLink,
-                [styles.noSelect]: isNoSelect,
+                    [styles.muted]: isMuted,
-                [styles.overflowHidden]: overflow === 'hidden',
+                    [styles.noSelect]: isNoSelect,
-            })}
+                    [styles.overflowHidden]: overflow === 'hidden',
+                }),
+            }}
             component="div"
             fw={weight}
             style={