I guess something like:

  foo bar {
    ...styles
  }

  foo bar baz {
    ...more styles
  }

  foo bar baz > bim {
    ...even more
  }
  
  foo bar baz > bim:not(bop) {
    ...stuff
  }

instead of a more SCSS like syntax:

  foo bar {
  ...styles
    & baz {
      ...more styles
      & > bim {
        ...even more
        &:not(bop)
          ...stuff
        }
      }
    }
  }

SCSS seems like it gets out of control after a while though without rigor from the developers. The last app I worked on had a half-assed SCSS approach that started off with a decent base, and then got tacked onto with a ton of ad-hoc styles that weren't nested where they "belonged." Inconsistent usage of paddings/margins everywhere. It was a mess.