fix: global table font-size

Author: luangjokaj

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "cherry-components",
-	"version": "0.0.1-1",
+	"version": "0.0.1-2",
 	"description": "Cherry React Components",
 	"main": "dist/cherry.js",
 	"module": "dist/cherry.module.js",

package.json

@@ -11,7 +11,12 @@ function FontStyle({
 	...props
 }) {
 	return (
-		<span id={id} className={className} css={fontStyles(theme, variant)} {...props}>
+		<span
+			id={id}
+			className={className}
+			css={fontStyles(theme, variant)}
+			{...props}
+		>
 			{children}
 		</span>
 	);

src/Layout/FontStyle/FontStyle.js

@@ -195,19 +195,19 @@ const globalStyles = (
 				}
 
 				& th {
-					font-size: ${theme.sizes.button.mobile};
+					font-size: ${theme.sizes.button.size.mobile};
 
 					${mq(Breakpoints.lg)} {
-						font-size: ${theme.sizes.button.desktop};
+						font-size: ${theme.sizes.button.size.desktop};
 					}
 				}
 
 				& td {
-					font-size: ${theme.sizes.text.mobile};
+					font-size: ${theme.sizes.text.size.mobile};
 					color: ${theme.colors.gray};
 
 					${mq(Breakpoints.lg)} {
-						font-size: ${theme.sizes.text.desktop};
+						font-size: ${theme.sizes.text.size.desktop};
 					}
 
 					&:first-of-type {