Fix prop forwarding when as component is provided to HTML styled component

[siriwatknp]

Issue

Found this issue while migrating Material UI Select component. The issue can be simplified as:

const StyledDiv = styled('div')({
  classes: ['root'],
});

function Component({ TagComponent = 'span', ...props }) {
  return <TagComponent {...props} />;
}

<StyledDiv as={Component} TagComponent="button" disabled />; // <span /> instead of <button />

This is because the shouldForwardProp is not reassigned based on as prop like in Emotion.

---

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