open-consul/ui/packages/consul-ui/app/modifiers/css-props.js

import { modifier } from 'ember-modifier';
const STYLE_RULE = 1;
const getCustomProperties = function () {
  return Object.fromEntries(
    [...document.styleSheets].reduce(
      (prev, item) =>
        prev.concat(
          [...item.cssRules]
            .filter((item) => item.type === STYLE_RULE)
            .reduce((prev, rule) => {
              const props = [...rule.style]
                .filter((prop) => prop.startsWith('--'))
                .map((prop) => [prop.trim(), rule.style.getPropertyValue(prop).trim()]);
              return [...prev, ...props];
            }, [])
        ),
      []
    )
  );
};
const props = getCustomProperties();
export default modifier(function ($element, [returns], hash) {
  const re = new RegExp(`^--${hash.prefix || '.'}${hash.group || ''}+`);
  const obj = {};
  Object.entries(props).forEach(([key, value]) => {
    const res = key.match(re);
    if (res) {
      let prop = res[0];
      if (prop.charAt(prop.length - 1) === '-') {
        prop = prop.substr(0, prop.length - 1);
      }
      if (hash.group) {
        if (typeof obj[prop] === 'undefined') {
          obj[prop] = {};
        }
        obj[prop][key] = value;
      } else {
        obj[key] = value;
      }
    }
  });
  returns(obj);
});