fix: fix sassOptions merging for scss syntax in sass-loader v8 (vuejs#4631)

fixes vuejs#4630

(cherry picked from commit ebdb142)

Author: haoqunjiang

packages/@vue/cli-service/__tests__/css.spec.js

@@ -191,7 +191,10 @@ test('css.loaderOptions', () => {
       css: {
         loaderOptions: {
           sass: {
-            prependData
+            prependData,
+            sassOptions: {
+              includePaths: ['./src/styles']
+            }
           }
         }
       }
@@ -200,12 +203,17 @@ test('css.loaderOptions', () => {
 
   expect(findOptions(config, 'scss', 'sass')).toMatchObject({
     prependData,
-    sourceMap: false
+    sourceMap: false,
+    sassOptions: {
+      includePaths: ['./src/styles']
+    }
   })
+  expect(findOptions(config, 'scss', 'sass').sassOptions).not.toHaveProperty('indentedSyntax')
   expect(findOptions(config, 'sass', 'sass')).toMatchObject({
     prependData,
     sassOptions: {
-      indentedSyntax: true
+      indentedSyntax: true,
+      includePaths: ['./src/styles']
     },
     sourceMap: false
   })

packages/@vue/cli-service/lib/config/css.js

@@ -196,7 +196,8 @@ module.exports = (api, options) => {
         loaderOptions.sass,
         {
           sassOptions: Object.assign(
-            (loaderOptions.sass && loaderOptions.sass.sassOptions) || {},
+            {},
+            loaderOptions.sass && loaderOptions.sass.sassOptions,
             {
               indentedSyntax: true
             }