Components font-family using 'Arial' instead of primary font 'Open Sans'

[rhenness]

Prerequisites

• [X] I have searched for duplicate or closed issues
• [X] I have read the contributing guidelines

Describe the issue

It seems the components are using the font-family value 'Arial' instead of the defined primary font 'Open Sans'.

We've observed this in our application, even after adding Open Sans as a resource in the index.html

This can be observed on the Storybook site by viewing the computed CSS values for inputs:

Reduced test cases

No response

What operating system(s) are you seeing the problem on?

No response

What browser(s) are you seeing the problem on?

No response

What is the issue regarding ?

@trimble-oss/modus-web-components

What version of npm package are you using ?

No response

Priority

High

What product/project are you using Modus Components for ?

Work Center

What is your team/division name ?

Trimble Viewpoint

Are you willing to contribute ?

None

Are you using Modus Web Components in production ?

No response

[github-actions[bot]]

Hello @ryan-henness-trimble! Thanks for opening an issue. The Modus core team will get back to you soon (usually within 24-hours) and provide guidance on how to proceed. Contributors are welcome to participate in the discussion and provide their input on how to best solve the issue, and even submit a PR if they want to.

Please wait until the issue is ready to be worked on before submitting a PR, or you can reach out to the core team if it is time bound. For trivial things, or bugs that don't change the expected behaviors and UI, you can go ahead and make a PR.

[austinoneil]

Observation: this is only affecting input elements.