Rename custom properties

rename-custom-properties.js

const glob = require('glob')
const fs = require('fs')

const mapping = {
  'var(--borderRadius)': 'var(--radius-6)',
  'var(--borderRadiusSmall)': 'var(--radius-4)',
  // ...
}

glob('src/**/*.css', (error, files) => {
  if (error) throw error
  console.log(files)

  const tasks = files.map(findAndReplaceCustomPropertiesInFile())

  Promise.all(tasks).then(() => console.log('Done!'), error => console.error(error))

  function findAndReplaceCustomPropertiesInFile(file) {
    return new Promise((resolve, reject) => {
      fs.readFile(file, 'utf8', function (error, original) {
        if (error) return reject(error)

        const result = Object.entries(mapping).reduce(
          (result, [key, value]) => result.replace(new RegExp(escapeRegExp(key), 'g'), value),
          original
        )

        fs.writeFile(file, result, 'utf8', (error) =>  {
          if (error) return reject(error)
          resolve()
        })
      })
    })
  }
})

function escapeRegExp(text) {
  return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
}