Addressing child components in styled-system/css

[parkersweb]

Hey there,

I might be missing this - but I've not been able to find a way to address a child component in styled-system/css. Ideally we'd like to be able to do something like:

const Container = styled(Box)(css({
  "&:hover ${Button}": {
    bg: 'actionPrimary.main',
  },
}));

Is that possible?