Add support for .hbs templates

.vscode/settings.json

@@ -18,5 +18,6 @@
     "**/.git": true,
     "**/node_modules": true,
     "{build,dist-modern,dist}/": true
-  }
+  },
+  "html.format.indentHandlebars": true
 }

formats/polaris.custom-properties.css.hbs

@@ -0,0 +1,9 @@
+:root {
+{{#each props as |prop|}}
+  {{#if prop.comment}}
+    {{{trimLeft (indent (comment (trim prop.comment)))}}}
+  {{/if}}
+  --p-{{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type
+    "string"}}"{{/eq}};
+{{/each}}
+}

gulpfile.js

@@ -1,3 +1,5 @@
+const fs = require('fs');
+
 const gulp = require('gulp');
 const gulpLoadPlugins = require('gulp-load-plugins');
 const theo = require('theo');
@@ -29,9 +31,10 @@ theo.registerTransform('web/js', ['color/rgb', 'timing/ms-unitless']);
 theo.registerFormat('android.xml', require('./formats/android.xml.js'));
 theo.registerFormat('ios.json', require('./formats/ios.json.js'));
 theo.registerFormat('figma.json', require('./formats/figma.json.js'));
+
 theo.registerFormat(
   'polaris.custom-properties.css',
-  require('./formats/polaris.custom-properties.css.js'),
+  fs.readFileSync('./formats/polaris.custom-properties.css.hbs', 'utf8'),
 );
 
 theo.registerFormat('light.yml', tokenify('light'));

package.json

@@ -12,7 +12,7 @@
     "build:ts": "tsc -p tsconfig.build.json",
     "build:gulp": "gulp",
     "postbuild": "yarn run format",
-    "format": "prettier './dist-modern/**/*.{js,json}' --write && prettier './dist-modern/**/*.ts' --write --parser typescript",
+    "format": "prettier './dist-modern/**/*.{js,json,css}' --write && prettier './dist-modern/**/*.ts' --write --parser typescript",
     "type-check": "sewing-kit type-check",
     "lint": "sewing-kit lint"
   },