Convert an object to custom properties with refs

convertObjectToCustomProperties.js

// Adapted from https://stackoverflow.com/a/53620876/1390770
const convertObjectToCustomProperties = obj => {
	const isLeaf = val => typeof val === 'string';
	const addDelimiter = (head, key) => (head ? `${head}-${key}` : key);

	const paths = (pathObj = {}, head = '') => {
		return Object.entries(pathObj).reduce((product, [key, value]) => {
			const path = addDelimiter(head, key);

			return isLeaf(value)
				? product.concat(`--${path}: ${value}`, `--${path}-ref: var(--${path})`)
				: product.concat(paths(value, path));
		}, []);
	};

	return paths(obj).join(';\n');
};