fix: realtive imports

Co-Authored-By: James Talmage <[email protected]>

Author: martonlederer

index.js

@@ -21,9 +21,10 @@ module.exports = (css, settings) => {
   // clean up extra indent (indentedSyntax is not compatible with extra indenting)
   // they need to be cleaned up separately, and than concated
   const data = stripIndent(optionData) + '\n' + stripIndent(cssWithPlaceholders)
+  const file = settings.babel && settings.babel.filename
 
   const preprocessed = sass
-    .renderSync(Object.assign({}, settings.sassOptions, { data }))
+    .renderSync(Object.assign({}, { file }, settings.sassOptions, { data }))
     .css.toString()
 
   return preprocessed

test.js

@@ -122,12 +122,7 @@ describe('styled-jsx-plugin-sass', () => {
     const file = fs.readFileSync(path.join(__dirname, filename))
 
     assert.equal(
-      plugin(file.toString(), {
-        sassOptions: {
-          includePaths: [path.join(__dirname, 'fixtures')]
-        },
-        babel: { filename }
-      }).trim(),
+      plugin(file.toString(), { babel: { filename } }).trim(),
       cleanup(`
         * {
           font-family: "Comic Sans MS" !important; }