Merged in feat/sw-1493-revised-comparison-block (pull request #1236)

feat(SW-1493): Revised SAS comparison block

* Base of new TierDetails for SAS tier comparison

* Add backgrounds and content to TierDetails

* Implement new cms schema for SasTierComparison

* Override gap in jsontohtml styling to 0

* Add animations to comparison details

* Redesign again

* Update content model to new design

* Add border to bottom item in tier match list

* Wrap interpolate-size in @supports to be safe

* Merge branch 'master' into feat/sw-1493-revised-comparison-block


Approved-by: Joakim Jäderberg

components/JsonToHtml/index.tsx

@@ -1,3 +1,5 @@
+import { cx } from "class-variance-authority"
+
 import { nodesToHtml } from "./utils"
 
 import styles from "./jsontohtml.module.css"
@@ -8,12 +10,13 @@ export default function JsonToHtml({
   embeds,
   nodes,
   renderOptions = {},
+  className,
 }: JsonToHtmlProps) {
   if (!Array.isArray(nodes) || !nodes.length) {
     return null
   }
   return (
-    <section className={styles.container}>
+    <section className={cx(styles.container, className)}>
       {nodesToHtml(nodes, embeds, renderOptions).filter(Boolean)}
     </section>
   )