Generating a SCSS color variable file from a Tailwind config file.

tailwind-to-scss.js

const fs = require('fs');
const path = require('path');
const TailwindConfig = require('./tailwind.config');
const colors = TailwindConfig.colors;
const outPath = path.join(__dirname, 'theme-variables.scss');

// If the file exists, delete it.
fs.unlink(outPath, err => {
  if (err && err.code !== 'ENOENT') return console.error(err);

  // Iterate through the colors property of the tailwinds config
  // and create a scss variable for each color.
  Object.keys(colors).forEach(key => {
    let line = `$--${key}: ${colors[key]};\n`;

    fs.appendFile(outPath, line, err => {
      if (err) return console.error(err);

      console.log(`wrote ${key} color`);
    });
  });
});