Anchors inside va-introtext don't inherit font-sizing, so anchors are too small

[dcloud]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

The "Go back to the previous version of My HealtheVet" link is inside of a div with the .va-introtext class applied. The USWDS typography changes introduced in department-of-veterans-affairs/vets-website#30089 appear to override the intended font-size of text in the va-introtext component

What I expected to happen

Text for an anchor element inside of the .va-introtext element to inherit the intro text font size

Reproducing

• Formation version:
• Device: (e.g. iPhone 8, Macbook)
• Browser: (e.g. Firefox, IE 11)

Steps to reproduce:

1. Load a page with an anchor element inside an element with the .va-introtext applied.

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other

Details

[micahchiang]

Proposed Fix

anchor tags in .va-introtext elements need a little more specificity to ensure they inherit the right font-size. In order to keep formation and css-library in sync during our transition, this needs to be updated in two places:

1. Add a to this style block in Formation so it reads p, a {...}
2. Do the same as above to this style block in css-library

Once these changes are made, new releases for both Formation and css-library should be created and published to vets-website.

[micahchiang]

formation PR - department-of-veterans-affairs/veteran-facing-services-tools#1046

[micahchiang]

Closing. Resolved here - department-of-veterans-affairs/vets-website#30604