Fix styled inheritance

[siriwatknp]

Issue

A Pigment styled component (child) is replaced by as value provided to the parent:

const Child = styled('span')({ classes: ['child'] });

const Parent = styled(Child)({ classes: ['parent'] });

<Parent as="div" />; // <div class="parent" />

This behavior is different from Emotion & Styled-components where styles of child are propagated even as is provided to the parent.

Expected

const Child = styled('span')({ classes: ['child'] });

const Parent = styled(Child)({ classes: ['parent'] });

<Parent as="div" />; // <div class="child parent" />

• I have followed (at least) the PR section of the contributing guide.

[brijeshb42]

Thanks