style タグ内の CSS フォーマット

It should pretty print CSS inside style tags
printWidth: 20
{% style %}
.class,#id,html,body{background-color:green;width:100%}
.container{display:flex;}
{% endstyle %}

It should fallback to reindenting when it doesn't parse
printWidth: 20
{% style %}
.class,#id,html,body{background-color:{{setting.color}};width:100%}
.container{display:flex;}
{% endstyle %}

It should reindent with tabs when useTabs is true
useTabs: true
{% style %}
    .class,#id,html,body{background-color:{{setting.color}};width:100%}
    .container{display:flex;}
{% endstyle %}

It should fallback to reindenting when it contains liquid in calc. (somehow this parses!)
{%- style -%}
@media screen and (max-width: 749px) {
  .collection-hero--with-image .collection-hero__inner {
    padding-bottom: calc({{ settings.media_shadow_vertical_offset | at_least: 0 }}px + 2rem);
  }
}
{%- endstyle -%}