Link: Add inline prop to tag links inside a text block

[siddharthkp]

From A more readable GitHub,

Links embedded in text are most perceivable when they have distinct styling. Sufficient contrast with the surrounding text is good, but should not be used as the only method of visually distinguishing a link from other text content.

To remediate the problem we have implemented a new accessibility setting with two options: show or hide link underlines in text blocks. Those who need or prefer stylistic differentiation can now choose to enable them. The default is to underline links.

This PR implements the short term strategy from https://github.com/github/primer/discussions/2836#discussioncomment-7533878

Note: inline=true overrides underline=false and adds an underline

Story with all combinations: https://primer-091e4ade04-13348165.drafts.github.io/storybook/?path=/story/components-link-features--inline

[changeset-bot]

🦋 Changeset detected

Latest commit: 8bb69b7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	104.3 KB (+0.05% 🔺)
dist/browser.umd.js	104.84 KB (+0.05% 🔺)

[joshblack]

Looks great! Just had a comment for the story and also wanted to ask if this should be added to the Link.docs.json as well for the site?

[joshblack]

This seems like a good candidate for a dev story, similar to what we have for button (I think?). What would you think of having the example in the feature here be a link in a text block and this would be its own dev story?

[siddharthkp]

Good idea, done!