focus state should have a 4px border

[sturobson]

What

Currently the focus state on forms elements has a 3px border. Looking at the sketch library it's 4px.

Why

To have consistency between design and development expectations when using elements that can have focus states.

Done When

• The component specific design token is updated
• That value is seen in the global-forms.tokens.scss file
• The global-forms demo html file has been updated
• The demo.html has been tested to show the change
• The history.md of the Design Tokens is updated
• The history.md of the global-forms is updated
• The package.json of the `global-forms is updated

Notes

• as the Design Tokens for this front-end toolkits codebase are not versioned we do not need to create a new brand-context PR