Generated by SassMeister.com.

input.scss

$base-font-size: 16px; // The font size set on the root html element.

@function rem($size) {
  $remSize: $size / $base-font-size;
  @return #{$remSize}rem;
}

//////// CODE STARTS BELOW //////// 

p {
    font-size: rem(18px);
    line-height: (24/18);
}

// Line-height = 24px
// Font-size = 18px

output.css

p {
  font-size: 1.125rem;
  line-height: 1.3333333333;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}