通过带有样式组件的prop传递自定义CSS的正确类型

Question

我已经按照official docs中所述完全使用TypeScript设置了样式组件（版本4）。

组件应接受通过prop传递的任意自定义CSS，如下所示：

const FlexContainer = styled<{ customStyles?: any }, "div">("div")`
  display: flex;

  ${props => props.customStyles}
`;

问题

1. customStyles道具的正确类型是什么？

2. 组件使用者何时需要使用css utility function 通过自定义CSS时？