fix warnings, silence bootstrap-origin warnings

Author: VasilyStrelyaev

packages/devextreme-scss/build/gulp-data-uri.js

@@ -27,7 +27,6 @@ const handler = (_, svgEncoding, fileName) => {
 };
 
 const sassFunction = (args) => {
-    debugger;
     const getTextFromSass = (sassValue) => sassValue.assertString().text;
     const argList = args[0].asList;
     const hasEncoding = argList.size === 2;

packages/devextreme-themebuilder/src/modules/bootstrap-extractor.ts

@@ -43,7 +43,9 @@ export default class BootstrapExtractor {
 
   static async sassRender(input: string): Promise<string> {
     return new Promise((resolve, reject) => {
-      sass.compileStringAsync(input)
+      sass.compileStringAsync(input, {
+        silenceDeprecations: ['color-functions', 'global-builtin', 'import'],
+      })
         .then((data) => resolve(data.css.toString()))
         .catch((error: sass.Exception) => reject(error.message));
     });

packages/devextreme-themebuilder/src/modules/parse-value.ts

@@ -8,9 +8,9 @@ export const color = (value: sass.SassColor): string => {
     return 'transparent';
   }
 
-  const hexRed = getHex(value.red);
-  const hexGreen = getHex(value.green);
-  const hexBlue = getHex(value.blue);
+  const hexRed = getHex(value.channel('red'));
+  const hexGreen = getHex(value.channel('green'));
+  const hexBlue = getHex(value.channel('blue'));
   const hexAlpha = alpha === 255 ? '' : getHex(alpha);
 
   return `#${hexRed}${hexGreen}${hexBlue}${hexAlpha}`;
@@ -59,7 +59,6 @@ export const parseString = (str: string): sass.Value => {
     });
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
   } catch (e) {
-    // debugger;
     return new sass.SassString(str);
   }
 

packages/devextreme-themebuilder/tests/modules/builder.test.ts

@@ -107,7 +107,7 @@ describe('Builder integration tests', () => {
     });
   }, buildTimeout);
 
-  test('Theme built without parameters is the same that in distribution (generic)', async () => {
+  test.only('Theme built without parameters is the same that in distribution (generic)', async () => {
     const config: ConfigSettings = {
       command: commands.BUILD_THEME,
       outputColorScheme: 'custom-scheme',