moving styles back into addon folder

index.js

@@ -2,9 +2,10 @@
 
 const CssImport = require('postcss-import');
 const PresetEnv = require('postcss-preset-env');
-var broccoliPostCSS = require('broccoli-postcss')
+const broccoliPostCSS = require('broccoli-postcss')
 const mergeTrees = require('broccoli-merge-trees');
-var get = require('lodash.get');
+const funnel = require('broccoli-funnel');
+const get = require('lodash.get');
 const { join } = require('path');
 
 module.exports = {
@@ -13,15 +14,22 @@ module.exports = {
   treeForAddon() {
     var tree = this._super(...arguments);
 
+    const addonWithoutStyles = funnel(tree, {
+      exclude: ['**/*.css'],
+    });
+
+    const addonStyles = funnel(tree, {
+      include: ['**/*.css']
+    });
+
     // I don't know exactly why targets is private so I am using `get()` to make
     // sure that it isn't missing
     let overrideBrowserslist = get(this, 'app.project._targets.browsers');
 
-    let newFile = broccoliPostCSS(join(__dirname, 'prebuilt-styles'), {
+    let processedStyles = broccoliPostCSS(addonStyles, {
       plugins: [
         CssImport({
-          path: join(__dirname, 'prebuilt-styles'),
-          addModulesDirectories: [__dirname]
+          path: join(__dirname, 'addon', 'styles'),
         }),
         PresetEnv({
           stage: 3,
@@ -30,6 +38,6 @@ module.exports = {
         })
       ]});
 
-    return mergeTrees([tree, newFile]);
+    return mergeTrees([addonWithoutStyles, processedStyles]);
   },
 };