mgt-person-card css custom properties do not match the documentation [BUG]

[vogtn]

Describe the bug The css custom properties for the mgt-person-card component:

https://docs.microsoft.com/en-us/graph/toolkit/components/person-card#css-custom-properties

do not match the available properties in the component: https://github.com/microsoftgraph/microsoft-graph-toolkit/blob/master/src/components/mgt-person-card/mgt-person-card.scss#L11

To Reproduce Steps to reproduce the behavior:

1. Install and run repository to index.html
2. Give the mgt-person-card component css custom properties as shown in the documentation:

   --font-size: 14px;
   --font-weight: 600;
   --height: '100%';
   --background-color: transparent;

3. See none of the properties have changed

Expected behavior documentation matches implementation behavior.

Environment (please complete the following information):

• OS: All
• Browser: All
• Framework: all
• Context: mgt-person-card
• Version: 1.1.1

Additional context

Stackoverflow Ref: https://stackoverflow.com/questions/60765595/font-size-not-working-as-a-parameter-inside-mgt-person-card

[ghost]

Hello vogtn, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌