css - 用于嵌入函数的正确样式组件 taggedTemplate 语法

Question

我正在为 css-in-js 做准备，但如果使用嵌套插值函数，我有一个关于结束行的正确方法的问题。

毫无疑问，css 行以 ; 结尾。这就是我们在每个 prop:value 之后的 taggedTemplate 中使用的内容；

const Div = styled.div`
  color: palevioletred;
  font-size: 1em;
  margin: ${props => props.size};
  padding: ${props => props.size};
`;

但是如果我们嵌套另一个函数，比如：

const Div = styled.div`
  color: palevioletred;
 ${functionThatReturnsMoreCss()} //should this end in ; ?
`;

那行是否也以;结尾，即使函数也有; 在里面？对我来说，我们正在编写 css，css 中的每一行都以 ; 结尾。包含函数是否也返回；在里面。

Styled-components 似乎做了正确的事情，只渲染一个；，但我从标记模板、文字和 css 的纯粹主义角度来看。