Как настроить изменение размера шрифта в зависимости от размера экрана?

Для настройки изменения размера шрифта в зависимости от размера экрана можно использовать медиа-запросы в CSS. Например, можно определить разные размеры шрифтов для различных диапазонов ширины экрана с помощью следующего кода:

```css
@media only screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  body {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1025px) {
  body {
    font-size: 18px;
  }
}
```

Этот код позволит изменять размер шрифта в зависимости от ширины экрана.

Относительно аналогов sm:text-lg в других фреймворках или библиотеках CSS, большинство из них предлагают похожую функциональность. Например, в Bootstrap есть классы для настройки размера шрифта в зависимости от размера экрана, такие как `text-sm`, `text-md`, `text-lg` и т.д. В чистом CSS можно также использовать медиа-запросы для адаптивного изменения размера текста.

Если используете sass, то миксином <br/> <br/> <pre><code class="css">.text {
  font-size: 12px;
  @include media-breakpoint-up(md) {
    font-size: 20px;
  }
}</code></pre> <br/> <br/> Либо в css обычным медиазапросом <br/> <br/> <pre><code class="css">.text {
  font-size: 12px;
}
@media (min-width: 767px) {
  font-size: 20px;
}</code></pre> <br/> <br/> Либо, безотносительно бутстрапа, на основе экранных единиц изменения <br/> <br/> <pre><code class="css">.text {
  font-size: clamp(12px, 3vw, 30px);
}</code></pre>