Fix border.

Author: bernaferrari

packages/backend/src/common/commonStroke.ts

@@ -13,6 +13,14 @@ export const commonStroke = (node: SceneNode): BorderSideType | null => {
   }
 
   if ("strokeTopWeight" in node) {
+    if (
+      node.strokeTopWeight === node.strokeBottomWeight &&
+      node.strokeTopWeight === node.strokeLeftWeight &&
+      node.strokeTopWeight === node.strokeRightWeight
+    ) {
+      return { all: node.strokeTopWeight / 2 };
+    }
+
     return {
       left: node.strokeLeftWeight / 2,
       top: node.strokeTopWeight / 2,

packages/backend/src/html/htmlDefaultBuilder.ts

@@ -90,7 +90,7 @@ export class HtmlDefaultBuilder {
         formatWithJSX(
           "border",
           this.isJSX,
-          `${sliceNum(weight)}px ${color} ${borderStyle}`
+          [sliceNum(weight), color, borderStyle].filter((d) => d).join(" ")
         )
       );
     } else {

packages/backend/src/tailwind/builderImpl/tailwindBorder.ts

@@ -18,7 +18,7 @@ export const tailwindBorderWidth = (node: SceneNode): string => {
     const nearest = nearestValue(weight, allowedValues);
     if (nearest === 1) {
       // special case
-      return "border";
+      return `border${kind}`;
     } else {
       return `border${kind}-${nearest}`;
     }