Bug: animation speed with animation step

[x1c0]

when setting animationStep > 1 then the progressColors do not work

working example animationStep: 1

const weight = 130;
const percent = (weight * 100) / 130;

circliful.newCircle({
  percent,
  id: 'circle9',
  type: 'simple',
  backgroundCircleWidth: 10,
  foregroundCircleWidth: 11,
  strokeLinecap: 'round',
  animationStep: 1,
  noPercentageSign: true,
  text: `${weight} / 130g`,
  textReplacesPercentage: true,
  progressColors: [
    { percent: 1, color: 'orange' },
    { percent: 100, color: 'green' },
  ],
});

result

if I want a faster animation (animationStep: 2), the progress color never gets to green

circliful.newCircle({
  percent,
  id: 'circle9',
  type: 'simple',
  backgroundCircleWidth: 10,
  foregroundCircleWidth: 11,
  strokeLinecap: 'round',
  animationStep: 2,
  noPercentageSign: true,
  text: `${weight} / 130g`,
  textReplacesPercentage: true,
  progressColors: [
    { percent: 1, color: 'orange' },
    { percent: 100, color: 'green' },
  ],
});

result:

I have the code in stackblitz but this link despite having the code, does not render the chart (even tho for me it does)
https://stackblitz.com/edit/js-xgfsfk?file=index.js

Thanks for having a look!