<===> input.scss
div {
  a: {
    p1: q;
    b: {
      p2: q;
    }
    p3: q;
  }
}

foo {
  bar: baz {
    bip: bop;
    bing: type-of("hello");
    bang: 1 + 2;
    bung: bap;
    bong: bup {
      x: x;
      y: y;
      z: z;
    }
  }
}

<===> output.css
div {
  a-p1: q;
  a-b-p2: q;
  a-p3: q;
}

foo {
  bar: baz;
  bar-bip: bop;
  bar-bing: string;
  bar-bang: 3;
  bar-bung: bap;
  bar-bong: bup;
  bar-bong-x: x;
  bar-bong-y: y;
  bar-bong-z: z;
}