Migrate to app router (#2254)

components/Content/Content.module.css

@@ -0,0 +1,12 @@
+.content {
+  font-size: 0.9em;
+  line-height: 1.7;
+  color: var(--colors-text);
+}
+
+@media (max-width: 768px) {
+  .content {
+    font-size: 0.925em;
+    line-height: 1.85;
+  }
+}

components/Content/Content.tsx

@@ -1,14 +1,10 @@
-import { styled, theme } from "../../lib/styles/stitches.config";
+import clsx from "clsx";
+import type { ComponentPropsWithoutRef } from "react";
 
-const Content = styled("div", {
-  fontSize: "0.9em",
-  lineHeight: 1.7,
-  color: theme.colors.text,
+import styles from "./Content.module.css";
 
-  "@medium": {
-    fontSize: "0.925em",
-    lineHeight: 1.85,
-  },
-});
+const Content = ({ className, ...rest }: ComponentPropsWithoutRef<"div">) => (
+  <div className={clsx(styles.content, className)} {...rest} />
+);
 
 export default Content;