fix: pre/code links in docs under dark mode now look like links

[kisaragi-hiu]

Fixes #260.

Light mode	Dark mode before with annotation	Dark mode after

---

The colors of code and pre elements in md-prose blocks are specified here:

.md-prose {
  /* ... */
  & code,
  & kbd {
    @apply text-gray-700 dark:text-gray-300;
  }

  /* some other stuff... */

  & :is(a, h1, h2, h3, h4, h5, h6) code,
  & :is(a, h1, h2, h3, h4, h5, h6) kbd {
    @apply text-inherit;
  }
  /* ... */
}

which turns into this CSS:

.md-prose code,
.md-prose kbd {
  --tw-text-opacity:1;
  color:rgb(67 67 67/var(--tw-text-opacity))
}
:is(.dark .md-prose code),
:is(.dark .md-prose kbd) {
  --tw-text-opacity:1;
  color:rgb(164 164 164/var(--tw-text-opacity));
}
.md-prose :is(a, h1, h2, h3, h4, h5, h6) code,
.md-prose :is(a, h1, h2, h3, h4, h5, h6) kbd {
  color:inherit;
}

The color rule applies to all prose code and kbd elements, then for specific situations (including under links) the color is reset to inherit. But in dark mode, :is(.dark .md-prose code) ends up with higher specificity (0-2-1) than .md-prose :is(a, h1, h2, h3, h4, h5, h6) code (0-1-2), thus nullifying the reset. So a dark:text-inherit needs to be specified explicitly to actually reset the color to inherit in dark mode.

[brookslybrand]

Oh man, I can't believe we were missing this (or it broke), thank you @kisaragi-hiu!

Running it locally now

[brookslybrand]

Looks great, thank you!

If you want to make the same change on reactrouter.com I'll be sure to merge it asap