returns NaN when dividing var() in calc() in preserve mode

[rokoroku]

with postcss-cssnext options

features: {
  customProperties: {
    preserve: true
  }
}

below css

:root {
    --iconSize: 14px;
    --lineHeight: calc(var(--iconSize) / 8);
}

results

:root {
    --iconSize: 14px;
    --lineHeight: NaN;
}

It's weird, because orginal css calc() should work with var() too.
However, multiplying var() is working well.

So my current workaround is

:root {
    --iconSize: 14px;
    --lineHeight: calc(var(--iconSize) * .125);
}

[Semigradsky]

My result:

:root {
    --iconSize: 14px;
    --lineHeight: 1.75px;
    --lineHeight: NaN;
}

I will investigate.

[Semigradsky]

postcss/postcss-calc#44

[MoOx]

:root {
    --iconSize: 14px;
    --lineHeight: calc(var(--iconSize) * .125);
}

body {
line-height: var(--lineHeight)
}

gives

body {
line-height: 1.75px
}

in the playground, so it might be a recent bug.

[Semigradsky]

Fixed in MoOx/reduce-css-calc@483e355
Just reinstall reduce-css-calc dependency