While não está funcionando

Realizei os passos iguais os da instrutora, porém quando abri a página no navegador, as mudanças feitas com o while não foram aplicadas e foi exibido o seguinte erro no terminal:

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($size, 16px)

More info and automated migrator: https://sass-lang.com/d/slash-div

   ╷
35 │     @return $size / 16px * 1rem;
   │             ^^^^^^^^^^^^
   ╵
    sass\style.scss 35:13   calculateRem()
    sass\style.scss 39:16   font-size()
    sass\_footer.scss 18:9  @import
    sass\style.scss 42:19   root stylesheet

    Segue o código abaixo:

    .contact {
    @include flx(justify-content, center);
    align-items: center;
    flex-wrap: wrap;
    @extend %double-margin-top;
    margin-right: auto;
    margin-left: auto;
    width: 90%;

    &__figure {
        width: 50%;
    }

    &__img {
        width: 100%;
    }

    &__info {
        width: 40%;
        text-align: center;
        font-family: $fonte-padrao;
    }

    $x: 1;
    @while $x < 5 {
        &__p-#{$x} {
            @include font-size(40px/$x);
            padding-top: 5px*$x;
        }
        $x: $x + 1;
    }
}