Better naming for styled components nested in objects.

[avin-kavish]

Would be good to have class names based on the full object path for styled components declared inside objects. i.e.,

// Product.tsx

const Wishlist = {
  Wrapper: styled`

  `
}

<Wishlist.Wrapper>

</Wishlist.Wrapper>

currently, the generated class name is Product__Wrapper would be good to have Product_Wishlist__Wrapper instead.