[0.9] Can't override the css property if the property is already set on the host via custom property #1525

<style is="custom-style">
  :root {
    --toolbar-color: blue;
  }
</style>

<dom-module id="x-toolbar">
  <style>
    :host {
      display: block;
      height: 64px;
      background: var(--toolbar-color);
    }
  </style>

  <template>
    <content></content>
  </template>

  <script>
    Polymer({
      is: 'x-toolbar'
    });
  </script>

</dom-module>

<style>
  x-toolbar {
    background: red;
  }
</style>

<x-toolbar></x-toolbar>