changing to @define and @import-define

Author: geelen

src/postcss-modules-constants.js

@@ -11,7 +11,7 @@ let createImportedName = options && options.createImportedName || ((importName/*
 export default css => {
   /* Find any local let rules and store them*/
   let translations = {}
-  css.eachAtRule(/^-?let$/, atRule => {
+  css.eachAtRule(/^define$/, atRule => {
     let matches
     while (matches = matchLet.exec(atRule.params)) {
       let [/*match*/, key, value] = matches
@@ -31,7 +31,7 @@ export default css => {
 
   /* Find imports and insert ICSS tmp vars */
   let importAliases = []
-  css.eachAtRule(/^-?import$/, atRule => {
+  css.eachAtRule(/^import(-define)?$/, atRule => {
     let matches = matchImports.exec(atRule.params)
     if (matches) {
       let [/*match*/, aliases, path] = matches

test/test-cases/constants/breakpoints.css

@@ -1,3 +1,3 @@
-@let small (max-width: 599px);
-@let medium (min-width: 600px) and (max-width: 959px);
-@let large (min-width: 960px);
+@define small (max-width: 599px);
+@define medium (min-width: 600px) and (max-width: 959px);
+@define large (min-width: 960px);

test/test-cases/constants/colors.css

@@ -1,5 +1,5 @@
-@let primary: #f01;
-@let secondary: #2f2;
+@define primary: #f01;
+@define secondary: #2f2;
 
 .text-primary {
   color: primary;

test/test-cases/constants/expected.css

@@ -15,6 +15,9 @@
   background-color: #2f2;
 }
 
+/* Imports without a "from" are just passed through */
+@import url('./old-skool.css');
+
 ._constants_source__foo {
   box-shadow: 0 0 10px #f01;
   border-color: #2f2;

test/test-cases/constants/source.css

@@ -1,7 +1,10 @@
-@let borders: "./borders.css", breakpoints: "./breakpoints.css";
-@-import small, medium from breakpoints;
+@define borders: "./borders.css", breakpoints: "./breakpoints.css";
+@import-define small, medium from breakpoints;
 @import secondary, primary as blue from "./colors.css";
 
+/* Imports without a "from" are just passed through */
+@import url('./old-skool.css');
+
 .foo {
   composes: dashed from borders;
   composes: text-secondary from "./colors.css";