Reduce FormControl Hint and Validation font-size

[joshfarrant]

Summary

Brings the font-size of FormControl.Hint and FormControl.Validation down to 100 (14px) to align with Figma and replaces their custom implementation with the Text component.

Contributor checklist:

• All new and existing CI checks pass
• Tests prove that the feature works and covers both happy and unhappy paths
• Any drop in coverage, breaking changes or regressions have been documented above
• UI Changes contain new visual snapshots (generated by adding update snapshots label to the PR)
• All developer debugging and non-functional logging has been removed
• Related issues have been referenced in the PR description

Reviewer checklist:

• Check that pull request and proposed changes adhere to our contribution guidelines and code of conduct
• Check that tests prove the feature works and covers both happy and unhappy paths
• Check that there aren't other open Pull Requests for the same update/change

Screenshots

See visual regression tests

[changeset-bot]

🦋 Changeset detected

Latest commit: 1697846

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

This PR includes changesets to release 6 packages

Name	Type
@primer/react-brand	Minor
@primer/brand-primitives	Minor
@primer/brand-e2e	Minor
@primer/brand-fonts	Minor
@primer/brand-config	Minor
@primer/brand-storybook	Minor

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]

🟢 No design token changes found

[github-actions]

🟢 No visual differences found

Our visual comparison tests did not find any differences in the UI.

[danielguillan]

LGTM!

[joshfarrant]

@danielguillan Just a heads up that I've updated this to use the Text component instead (preempting feedback based on this feedback on a separate PR).

Visually it should be the same, although I've also corrected the font-weight as that was pointing to a non-existent variable before