fix rotation & relative transform mapping & css gen - applies to vanilla, react, and other web based platforms

Author: softmarshmallow

externals/design-sdk

@@ -7,8 +7,18 @@ export function compose_wrapped_with_rotation(
   child_composer: Composer
 ) {
   const child = child_composer(widget.child);
+
+  const r = widget.rotation;
+  // don't apply rotation if it's 0
+  if (Math.abs(r) === 360 || Math.abs(r) === 360) {
+    return child;
+  }
+
   child.extendStyle({
-    transform: css.rotation(widget.rotation),
+    // rotation data needs to be inverted
+    transform: css.rotation(-widget.rotation),
+    // this is where the figma's rotation data is originated from.
+    "transform-origin": "top left",
   });
   return child;
 }