fix: code review fixes

src/List/ListItem.tsx

@@ -1,12 +1,20 @@
+import React from "react";
 import styled from "styled-components";
 import { space, color, typography, SpaceProps, ColorProps, TypographyProps } from "styled-system";
 
 type Props = React.ComponentPropsWithRef<"li"> & SpaceProps & ColorProps & TypographyProps;
 
-const ListItem = styled.li<Props>(space, color, typography, {
-  "&:last-child": {
-    marginBottom: 0,
-  },
-});
+const ListItem = styled.li<Props>(
+  ({ theme }) => ({
+    color: "currentcolor",
+    marginBottom: theme.space.x1,
+    "&:last-child": {
+      marginBottom: 0,
+    },
+  }),
+  space,
+  color,
+  typography
+);
 
 export default ListItem;

src/Popper/Popper.tsx

@@ -31,7 +31,8 @@ type PopperProps = {
   closeAriaLabel?: string;
 };
 
-const Popper = React.forwardRef<LegacyRef, PopperProps>(
+// We can't get rid of the any here because Popper types are loose too
+const Popper = React.forwardRef<React.Ref<any>, PopperProps>(
   (
     {
       id,

src/Tooltip/Tooltip.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { LegacyRef } from "react";
 import { Popper } from "../Popper";
 import { generateId } from "../utils";
 import TooltipContainer from "./TooltipContainer";
@@ -26,7 +26,8 @@ export type TooltipProps = {
   children?: React.ReactNode;
 };
 
-const Tooltip = React.forwardRef<any, TooltipProps>(
+// We can't get rid of the any type here because Popper types are loose too
+const Tooltip = React.forwardRef<React.Ref<any>, TooltipProps>(
   (
     {
       showDelay = "100",