revert list global styles removal

Author: pettinarip

src/components/BaseStories/Link.stories.tsx

@@ -1,8 +1,9 @@
 import * as React from "react"
-import { Center, ListItem, Stack, Text, UnorderedList } from "@chakra-ui/react"
+import { Center, Stack, Text } from "@chakra-ui/react"
 import { Meta, StoryObj } from "@storybook/react"
 
 import Link from "../Link"
+import { ListItem, UnorderedList } from "../ui/list"
 
 const meta = {
   title: "Molecules / Navigation / Links",

src/styles/global.css

@@ -191,4 +191,34 @@
   samp {
     @apply font-monospace text-base leading-base;
   }
+
+  /* TODO: remove these global styles when the list component migration is complete */
+  ul,
+  ol {
+    margin: 0px 0px 1.45rem 1.45rem;
+    padding: 0;
+
+    & li {
+      padding-inline-start: 0;
+    }
+  }
+
+  li {
+    margin-bottom: calc(1.45rem / 2);
+
+    & > ol,
+    & > ul {
+      margin-inline-start: 1.45rem;
+      margin-block: calc(1.45rem / 2);
+      margin-top: calc(1.45rem / 2);
+    }
+
+    & * {
+      @apply last:mb-0;
+    }
+
+    & > p {
+      margin-bottom: calc(1.45rem / 2);
+    }
+  }
 }