SaSS while loop

I am trying “Sass: Apply a Style Until a Condition is Met with @while”. My code is failing for two test cases with errors “Your code should increment the counter variable.” and “Your .text-1 class should have a font-size of 5px.”

below is my code.

<style type='text/sass'>
  $x :1;
  @while $x < 11 {
    .text-#{$x} {
        font-size:5px * $x;
    }

    $x : $x+1;
  }
  
  
</style>

<p class="text-1">Hello</p>
<p class="text-2">Hello</p>
<p class="text-3">Hello</p>
<p class="text-4">Hello</p>
<p class="text-5">Hello</p>
<p class="text-6">Hello</p>
<p class="text-7">Hello</p>
<p class="text-8">Hello</p>
<p class="text-9">Hello</p>
<p class="text-10">Hello</p>

Please let me know where it went wrong?

this challenge may fail, even if the code is right, because the browser has a minimum font size set higher than 5px
you can check this in the settings of your browser

This challenge was updated in October, so now the minimum font-size is 15px.