Describe the problem

I'd like to be able to override some styles (margins, paddings, colors) for a component I import in a higher order component.

Describe the proposed solution

Styled components allow for higher level components to override styles (as long as they all are styled components).
I think we could add something similar to svelte, since we know what generated classname a component has on compiletime, so we'd be able to replace the selector with the proper classname.

<style>
import Link from './Link.svelte'
</style>

<Link ... />

<style>
  {Link}:hover {
    fill: rebeccapurple;
  </style>

Alternatives considered

Passing custom property solutions are available, but that would require the imported component to expose all the possible values.

Importance

would make my life easier