use classnames, remove css

components/ui/Text/Footnote/Footnote.tsx

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { TextProps } from "../Text";
 
 const Footnote: React.FunctionComponent<TextProps> = (props: TextProps) => {
-  const classes = classnames("text--footnote", props?.className, props?.color);
+  const classes = classnames("text-base font-normal text-gray-900 dark:text-white");
 
   return <p className={classes}>{props.children}</p>;
 };