Чтобы преобразовать пиксели (px) Sass (Syntactically Awesome Style Sheets) в rem (корневые ems), вы можете использовать следующие методы:

Метод 1: использование функции CSS
Вы можете использовать функцию CSS calc()в Sass для преобразования пикселей в rem. Вот пример того, как это можно сделать:

$base-font-size: 16px;
@mixin px-to-rem($property, $value) {
  #{$property}: ($value / $base-font-size) * 1rem;
}
.selector {
  @include px-to-rem(font-size, 24px);
}

В этом примере мы определяем базовый размер шрифта ($base-font-size) и создаем миксин Sass (px-to-rem), который вычисляет эквивалентное значение rem, основанное на заданном значении пикселей и базовом размере шрифта.

Метод 2: использование функции Sass
Другой подход — создать функцию Sass для преобразования пикселей в rem. Вот пример:

$base-font-size: 16px;
@function px-to-rem($value) {
  @return ($value / $base-font-size) * 1rem;
}
.selector {
  font-size: px-to-rem(24px);
}

В этом методе мы определяем функцию Sass (px-to-rem), которая принимает значение px в качестве аргумента и вычисляет эквивалентное значение rem на основе базового размера шрифта.