The space before the "-" is missing when using CSS variables

[Eoyo]

TypeScript before transform:

  declare const styled: any;
  const ValueCalc = styled.div \`
    height: calc(var(--line-height) - 5px);
    width: calc(100% - 5px);
  \`;
  

TypeScript after transform:

  declare const styled: any;
  const ValueCalc = styled.div \`height:calc(var(--line-height)- 5px);width:calc(100% - 5px);\`;
  

There is no problem when using only the calc method, but there is a bug when combined with the var method. Browser can't parse missing spaces before '-'

[Igorbek]

@Eoyo

  const ValueCalc = styled.div \`height:calc(var(--line-height)- 5px);width:calc(100% - 5px);\`;
//                                                             ^ is the space missing in this position?

[Sealarn]

I have the same issue.

 --padding-button: calc(var(--padding-button-vertical)- 2px) calc(var(--padding-button-horizontal)- 2px);
                                                      ^                                           ^

[Igorbek]

@Eoyo @Sealarn it's now been fixed and released in 2.0.0, see the announcement #440