Add border back so that some old examples still work

Author: yuanchuan

src/generator/css.js

@@ -372,7 +372,10 @@ class Rules {
     }
   }
 
-  add_grid_style({ fill, clip, rotate, hueRotate, scale, translate, enlarge, skew, persp, flex, p3d, border, gap, backdropFilter}) {
+  add_grid_style({
+    fill, clip, rotate, hueRotate, scale, translate, enlarge, skew, persp,
+    flex, p3d, border, borderLegacy, gap, backdropFilter
+  }) {
     if (fill) {
       this.add_rule(':host', `background:${fill};`);
     }
@@ -426,6 +429,9 @@ class Rules {
       this.add_rule(':host', s);
       this.add_rule(':container', s);
     }
+    if (borderLegacy !== undefined) {
+      this.add_rule(':host', `border: 1px solid ${borderLegacy};`);
+    }
     if (border !== undefined) {
       this.add_rule(':host', `border: ${border};`);
     }

src/property.js

@@ -82,6 +82,9 @@ export default add_alias({
       if (pos === 0 && (item === '|' || item === '-')) {
         result.flex = item === '|' ? 'column' : 'row';
         temp.push('§');
+      } else if (/border:?/i.test(item)) {
+        result.borderLegacy = item.split(':')[1] || '';
+        temp.push('§');
       } else if (/^no\-*clip$/i.test(item)) {
         result.clip = false;
         temp.push('§');