Targeting another `styled` component within `styled`

[evertheylen]

I was wondering if behaviour like this is in any way supported:

const SomeComponent = styled('div')({
  color: 'green',
});

const ParentComponent = styled('div')({
  [SomeComponent]: {
    color: 'pink',
  },
});

(stackblitz, but it might be of limited use)

Emotion, the underlying library for MUI's styled function, does support it although you need a babel plugin.

[evertheylen]

I just now got around to using this feature (and replacing the hacky solution I had for this), it works great. Thanks!