fix: set custom css token --default-font-family to apply to all elements in DOM

[Mnickii]

Closes #2641

PR Type

Bugfix

Description of the changes

Removes setting --default-font-family on a per element basis
Applies --default-font-family to all elements in DOM

PR checklist

• Project builds (yarn build) and changes have been tested in at least two supported browsers (Edge + non-Chromium based browser)
• All public APIs (classes, methods, etc) have been documented following the jsdoc syntax
• Stories have been added and existing stories have been tested
• Added appropriate documentation. Docs PR: https://github.com/microsoftgraph/microsoft-graph-docs/pull/22537

• License header has been added to all new source files (yarn setLicense)
• Contains NO breaking changes

Other information

[microsoft-github-policy-service]

Thank you for creating a Pull Request @Mnickii.

This is a checklist for the PR reviewer(s) to complete before approving and merging this PR:

• I have verified a documentation PR has been linked and is approved (or not applicable)
• I have ran this PR locally and have tested the fix/feature
• I have verified that stories have been added to storybook (or not applicable)
• I have tested existing stories in storybook to verify no regression has occured
• I have tested the solution in at least two browsers (Edge + 1 non-Chromium based browser)

[github-actions]

The updated storybook is available here

[github-actions]

The updated storybook is available here

[musale]

Good work on this @Mnickii! Are we also giving defaults for the other font properties like size etc?

[gavinbarron]

@musale looks like there is the ability to set a default font size in this PR.
If you have suggestions for other global defaults let's capture them in a separate work item.

[gavinbarron]

Great work @Mnickii!