fuse-angular/src/@fuse/tailwind/utils/json-to-sass-map.js

const _ = require('lodash');

module.exports = (data) =>
{
    if ( !data )
    {
        return;
    }

    data = JSON.parse(data);

    const getSCSS = (chunk) =>
    {
        let scss = '';

        if ( typeof chunk === 'object' && !Array.isArray(chunk) )
        {
            _.mapKeys(chunk, (value, key) =>
            {
                scss += key + ': ';

                if ( typeof value === 'object' )
                {
                    if ( Array.isArray(value) )
                    {
                        scss += '(';
                        _.each(value, (val1) =>
                        {
                            if ( Array.isArray(val1) )
                            {
                                _.each(val1, (val2) =>
                                {
                                    scss += val2 + ' ';
                                });
                                scss = scss.slice(0, -1) + ', ';
                            }
                            else
                            {
                                scss += val1 + ', ';
                            }
                        });
                        scss = scss.slice(0, -2);
                        scss += ')';
                    }
                    else
                    {
                        scss += '(' + getSCSS(value) + ')';
                    }
                }
                else
                {
                    scss += getSCSS(value);
                }
                scss += ', ';
            });
            scss = scss.slice(0, -2);
        }
        else
        {
            scss += chunk;
        }

        return scss;
    };

    return '$' + getSCSS(data) + ';';
};