chore: make link use a basic anchor tag instead of Gatsby

Author: owlstronaut

src/components/link.js

@@ -1,6 +1,5 @@
 import React from 'react'
 import {Link as PrimerLink} from '@primer/react'
-import {Link as GatsbyLink} from 'gatsby'
 import omit from '../util/omit'
 
 const FALLBACK = `http://_${Math.random().toString().slice(2)}._${Math.random().toString().slice(2)}`
@@ -22,15 +21,26 @@ const getLocalPath = href => {
   return null
 }
 
-const GatsbyLinkWithoutSxProps = React.forwardRef(function GatsbyLinkWithoutSxProps(props, ref) {
-  return <GatsbyLink ref={ref} {...omit(props, 'sx', 'underline', 'hoverColor', 'muted')} />
+const BasicLinkAdapter = React.forwardRef(function BasicLinkAdapter(props, ref) {
+  const { to, ...otherProps } = props
+  // Convert 'to' prop to 'href' for regular anchor tags
+  return (
+    <a
+      ref={ref}
+      href={to}
+      {...omit(otherProps, 'sx', 'underline', 'hoverColor', 'muted')}
+      aria-label={otherProps['aria-label'] || 'Link'}
+    >
+      {props.children || 'Link'}
+    </a>
+  )
 })
 
 const Link = React.forwardRef(function Link({to, href, ...props}, ref) {
   const localPath = getLocalPath(href)
 
   if (to || localPath !== null) {
-    return <PrimerLink ref={ref} as={GatsbyLinkWithoutSxProps} to={to || localPath} {...props} />
+    return <PrimerLink ref={ref} as={BasicLinkAdapter} to={to || localPath} {...props} />
   }
 
   return <PrimerLink ref={ref} href={href} {...props} />