Minify ha-style/Roboto and load asynchronously

[steverep]

Proposed change

This aims to make some incremental improvements regarding the main light DOM styles:

• Remove use of Polymer custom-style, which I don't believe is applicable anymore
• Use Lit's css tag on the templates so they are linted and minified
• Incorporate Roboto rules into ha-style (no need for 2 DOM operations)
• Load the styles asynchronously in the entrypoints, which allows a separate chunk to be created and shared to reduce entry and bundle sizes

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[bramkragten]

this entire module is already dynamically loaded

[steverep]

So just remove the import here? Was the static import a mistake?

[bramkragten]

I mean second-load.ts is already loaded dynamic, so we don't need to load ha-style dynamic too then?

[steverep]

Oh... yeah probably not, although it might end up creating 2 chunks. I'll check real quick.

[steverep]

I took what I think is a better approach and just removed this module, and instead loaded both in hc-main. That way they are loaded in parallel and the bundle is slightly smaller.