Dynamically decrease line-height as the font-size grows.

dynamic-line-height.css

:root {
  --lineHeightFixedAmount: 0.25rem;
  --lineHeightRelativeAmount: 1em;
  --sizesIncrement: 1.4;

  --fontSize-0: 1rem; 
  --fontSize-1: calc(var(--fontSize-0) * var(--sizesIncrement)); 
  --fontSize-2: calc(var(--fontSize-1) * var(--sizesIncrement));

  --globalLineHeight: calc(var(--lineHeightFixedAmount) + var(--lineHeightRelativeAmount));
  --globalFontSize: var(--fontSize-0);
}
* {
  line-height: var(--globalLineHeight);
}
html {
  font-size: 100%;
}
body {
  font-size: var(--globalFontSize);
}
.textSize-2 {
  font-size: var(--fontSize-2);
}
.textSize-1 {
  font-size: var(--fontSize-1);
}
.textSize-0 {
  font-size: var(--fontSize-0);
}