core: minify multi-line values in output

[ahmadsoe]

Multi-line string values with backtick like this:

const useClasses = makeStyles({
  root: {
    backgroundImage: `repeating-linear-gradient(
      -45deg,
      red,
      red 5px,
      blue 5px,
      blue 10px
    );`
  }
});

will produce as it is (including line breaks) on SSR.

Not sure if this should be handled on Griffel's side, the other rules were joined in 1 line like they're minified. How about this case?

It's a real usage in Fluent UI:
https://github.com/microsoft/fluentui/blob/9cbf82e22c21e744601adcd6a3d064e406d015d8/packages/react-components/react-slider/src/components/Slider/useSliderStyles.ts#L146-L152

repro: https://codesandbox.io/s/next-griffel-ssr-4jtx2h?file=/pages/index.js

[layershifter]

@ahmadsoe thanks for reporting 👍

It's what I also noticed before. It's a problem in our dependency, I reported the issue there: thysultan/stylis#306.