reactifyStyles = (styles, transform, rotate) => {
  const toCamel = (s) => {
    return s.replace(/([-][a-z])/gi, ($1) => {
      return $1.toUpperCase().replace("-", "");
    });
  };
  const reactified = {};
  Object.keys(styles).forEach((k) => {
    reactified[toCamel(k)] = styles[k];
  });
  if (transform) {
    reactified.transform = Object.entries(transform)
      .filter(([k, v]) => v !== "")
      .map(([k, v]) => `${k}(${v})`)
      .join(" ");
  }
  if (rotate) {
    if (!reactified.transform) reactified.transform = `rotate(${rotate}deg)`;
    else reactified.transform = `${reactified.transform} rotate(${rotate}deg)`;
  }

  return reactified;
}
@function
@param {object} styles
@returns {object}