Add .scss extensions

[firec0der]

I use node-sass-chokidar, it transforms *.scss files to *.css and keeps them near *.scss origins.
So, during the first build everything is ok, but during the next, it fails because it sees 2 files (e.g variables.scss & variables.css) and can't decide which file should be included.

Here is my output:

{
  "status": 1,
  "file": "./node_modules/react-datepicker/src/stylesheets/datepicker.scss",
  "line": 1,
  "column": 1,
  "message": "It's not clear which file to import for '@import \"variables\"'.\nCandidates:\n  variables.scss\n  variables.css\nPlease delete or rename all but one of these files.\n",
  "formatted": "Error: It's not clear which file to import for '@import \"variables\"'.\n       Candidates:\n         variables.scss\n         variables.css\n       Please delete or rename all but one of these files.\n        on line 1 of node_modules/react-datepicker/src/stylesheets/datepicker.scss\n>> @import \"variables\";\n   ^\n"
}

[firec0der]

I prefer to override variables with my own, so I have separate datepicker.scss file:

@import "from/my/colors.scss";

$datepicker__selected-color: $my-color !default;

@import "react-datepicker/src/stylesheets/datepicker.scss";

[firec0der]

Thank you!