Правильный тип для передачи пользовательского CSS через prop с styled-компонентами

Question

У меня есть стилевые компоненты (версия 4), настроенные с использованием TypeScript точно так же, как описано в официальных документах .

Компоненты должны принимать произвольный пользовательский CSS, передаваемый через опору, например:

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

  ${props => props.customStyles}
`;

Вопросы

1. Каков правильный тип для customStyles проп?

2. Когда потребителям компонентов необходимо использовать служебную функцию css при передаче пользовательского CSS?