Update strong and code colors to inherit from parent

[reinink]

Resolves #275

This PR updates the strong and code color styles in the typography plugin to inherit parent colors. Right now this isn't the case, and if you add a custom color to say a heading or blockquote, and then include either a <strong> or <code> tag within that element, they will get their default colors...not the custom color of the parent.

For example, like this:

With this change the <strong> and <code> elements will now automatically inherit the custom color from the parent:

This feels like a more sensible way of handling these child element colors.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
tailwindcss-typography	✅ Ready (Inspect)	Visit Preview	Jul 11, 2022 at 11:47PM (UTC)

[nwea-jakeweston]

I ran into this issue for a <p><strong>My text</strong></p>, there's no p strong { in the CSS, so the strong is getting the the --tw-prose-bold color instead.

Curious why <strong> / bold text needs its own color? It seems like it should just default to --tw-font-body and then override it the user wants, something like:

...
strong {
    color: var( --tw-prose-bold, var( --tw-prose-body );
}

Or maybe even:

* strong {
    color: inherit;
}

(I don't know enough. about CSS to know if this is a bad idea or not)

and then remove --tw-prose-bold from the themes