有没有办法按字母顺序重新排列 styled-components css？

Question

WebStorm 提供设置 Sort CSS properties - By name。

重新排列：

.test {
    display: flex;
    align-items: center;
    cursor: pointer;
}

至：

.test {
    align-items: center;
    cursor: pointer;
    display: flex;
}

遗憾的是，这不适用于 styled-components CSS:

const StyledComponent = styled.div`
    display: flex;
    align-items: center;
    cursor: pointer;
`;

对于 WebStorm 中样式组件的 JS 部分的 CSS 有没有办法实现完全相同的行为？

Answer 1

Is there a way to rearrange styled-components css in alphabetical order?