values and symbols added

Author: mightyaleksey

package.json

@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "debug": "^2.2.0",
+    "icss-replace-symbols": "^1.0.2",
     "lodash.assign": "^3.2.0",
     "lodash.identity": "^3.0.0",
     "lodash.isarray": "^3.0.4",
@@ -18,7 +19,7 @@
   "devDependencies": {
     "babel": "^5.8.20",
     "babel-eslint": "^4.0.5",
-    "css-modules-loader-core": "0.0.12",
+    "css-modules-loader-core": "^1.0.0",
     "eslint": "^1.0.0",
     "eslint-config-airbnb": "0.0.7",
     "eslint-config-airbnb-lite": "^1.0.3",
@@ -31,13 +32,15 @@
     "postcss-modules-extract-imports": "^1.0.0",
     "postcss-modules-local-by-default": "^1.0.0",
     "postcss-modules-scope": "^1.0.0",
+    "postcss-modules-values": "^1.1.0",
     "precommit-hook": "^3.0.0"
   },
   "peerDependencies": {
     "postcss": "^5.x",
     "postcss-modules-extract-imports": "^1.0.0",
     "postcss-modules-local-by-default": "^1.0.0",
-    "postcss-modules-scope": "^1.0.0"
+    "postcss-modules-scope": "^1.0.0",
+    "postcss-modules-values": "^1.1.0"
   },
   "scripts": {
     "start": "esw -w .",

src/index.js

@@ -8,6 +8,7 @@ import identity from 'lodash.identity';
 import pick from 'lodash.pick';
 import postcss from 'postcss';
 
+import Values from 'postcss-modules-values';
 import ExtractImports from 'postcss-modules-extract-imports';
 import LocalByDefault from 'postcss-modules-local-by-default';
 import Scope from 'postcss-modules-scope';
@@ -71,6 +72,7 @@ export default function setup(opts = {}) {
 
   plugins = [
     ...prepend,
+    Values,
     mode
       ? new LocalByDefault({mode: opts.mode})
       : LocalByDefault,

src/parser.js

@@ -1,4 +1,5 @@
 import { plugin } from 'postcss';
+import replaceSymbols from 'icss-replace-symbols';
 
 const importRegexp = /^:import\((.+)\)$/;
 
@@ -30,11 +31,7 @@ export default plugin('parser', function parser(opts = {}) {
     });
   };
 
-  const linkImportedSymbols = css => css.eachDecl(decl => {
-    Object.keys(translations).forEach(translation => {
-      decl.value = decl.value.replace(translation, translations[translation]);
-    });
-  });
+  const linkImportedSymbols = css => replaceSymbols(css, translations);
 
   const handleExport = exportNode => {
     exportNode.each(decl => {