bump some deps

components/HeadingAnchor/HeadingAnchor.tsx

@@ -19,7 +19,7 @@ export type HeadingAnchorProps = Omit<ComponentProps<typeof AnchorLink>, "href">
 
 const HeadingAnchor = ({ id, title, ...rest }: HeadingAnchorProps) => {
   return (
-    <AnchorLink href={`#${id}`} title={`Jump to "${title}"`} aria-hidden={true} underline={false} {...rest}>
+    <AnchorLink href={`#${id}`} title={`Jump to "${title}"`} aria-hidden underline={false} {...rest}>
       <Icon />
     </AnchorLink>
   );

components/Selfie/Selfie.tsx

@@ -11,7 +11,6 @@ const CircleImage = styled(Image, {
   height: "50px",
   border: `1px solid ${theme.colors.light}`,
   borderRadius: "50%",
-  transition: `border ${theme.transitions.fade}`,
 
   "@medium": {
     width: "70px",

components/ThemeToggle/ThemeToggle.tsx

@@ -96,7 +96,7 @@ const ThemeToggle = ({ className }: ThemeToggleProps) => {
   // render a blank div of the same size to avoid layout shifting until we're fully mounted and self-aware
   if (!hasMounted) {
     return (
-      <Button as="div" aria-hidden={true}>
+      <Button as="div">
         <div className={className} />
       </Button>
     );
@@ -110,6 +110,8 @@ const ThemeToggle = ({ className }: ThemeToggleProps) => {
     >
       <animated.svg
         xmlns="http://www.w3.org/2000/svg"
+        width="1em"
+        height="1em"
         viewBox="0 0 24 24"
         fill="none"
         stroke="currentColor"
@@ -120,6 +122,7 @@ const ThemeToggle = ({ className }: ThemeToggleProps) => {
           ...svgContainerProps,
         }}
         className={className}
+        aria-hidden
       >
         <mask id={`mask-${maskId}`}>
           <rect x="0" y="0" width="100%" height="100%" fill="white" />