Copy 'important' on theme declaration values

Author: samuelmaddock

lib/postcss-plugins.js

@@ -8,6 +8,14 @@ module.exports.extractThemeRulesPlugin = postcss.plugin('postcss-extract-theme-r
     const prefix = options.prefix || THEME_VAR_PREFIX;
 
     return (root, results) => {
+        /*
+        ruleMap = {
+            '.example': {
+                color: 'theme-var(--color-primary);',
+                'font-weight': 'theme-var(--font-weight-medium);'
+            }
+        }
+        */
         let ruleMap;
 
         root.walkRules(rule => {
@@ -16,6 +24,12 @@ module.exports.extractThemeRulesPlugin = postcss.plugin('postcss-extract-theme-r
                     ruleMap = ruleMap || (ruleMap = {});
                     let declMap = ruleMap[rule.selector] || (ruleMap[rule.selector] = {});
 
+                    let value = decl.value;
+
+                    if (decl.important) {
+                        value += ' !important';
+                    }
+
                     declMap[decl.prop] = decl.value;
                     decl.remove();
                 }