fix(mdx-components): link no underline hover (#3465)

* fix(mdx-components): link no underline hover

* Create cold-cooks-train.md

---------

Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>

Author: wayne-shih

Diff for: .changeset/cold-cooks-train.md

@@ -0,0 +1,7 @@
+---
+"nextra-theme-docs": patch
+---
+
+From an accessibility POV (WCAG G13) there's a need of additional visual differentiation factor for hovers. Article achieves this but mdx doesn't.
+
+So changing the mdx link behaviour so on hover the underline disappears.

Diff for: packages/nextra-theme-docs/src/mdx-components.tsx

@@ -212,7 +212,7 @@ export const Link = ({ href = '', className, ...props }: AnchorProps) => (
     href={href}
     newWindow={EXTERNAL_HREF_REGEX.test(href)}
     className={cn(
-      '_text-primary-600 _underline _decoration-from-font [text-underline-position:from-font]',
+      '_text-primary-600 _underline hover:_no-underline _decoration-from-font [text-underline-position:from-font]',
       className
     )}
     {...props}