Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Replace node-sass by dart-sass #1253

Merged

Conversation

mateusbandeiraa
Copy link
Contributor

@mateusbandeiraa mateusbandeiraa commented Sep 16, 2021

Contributes to #1250

What did you do?

  • Removed node-sass dev dependency
  • Added dart-sass (sass version ^1.41.0) dependency
  • Updated carbon-components to version ^10.43.0
  • Updated .yarn-offline-mirror dependencies

Why did you do it?

Why did I replace node-sass by dart-sass?

Node-sass was deprecated, and also forced Windows developers to install additional dependencies in order to build the project successfully, which was annoying, at minimum. Dart-sass is the recommended replacement.

Why did I update carbon-components?

Previous to version 10.43.0, carbon-components used / for division operations in *.scss files. This feature was deprecated and will stop working in sass 2; This didn't cause any problem, but generated lots of warnings in the terminal at build-time. On version 10.43.0 and newer, the slash symbol was replaced by math.div.

Why did I update .yarn-offiline-mirror dependencies?

CircleCI was failing to fetch newer versions, because they weren't included in the offline mirror. I added the missing dependencies and also pruned the folder to remove unused dependencies.

How have you tested it?

I built the project. Was able to validate it works on the storybook.

Were docs updated if needed?

  • N/A
  • No
  • Yes

I can split this PR into 2 if necessary (one updating carbon-components and another one updating sass)

@netlify
Copy link

netlify bot commented Sep 16, 2021

✔️ Deploy Preview for carbon-components-vue ready!

🔨 Explore the source changes: 299206c

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-vue/deploys/6143a260eea7ec0008c52497

😎 Browse the preview: https://deploy-preview-1253--carbon-components-vue.netlify.app

@netlify
Copy link

netlify bot commented Sep 16, 2021

✔️ Deploy Preview for carbon-components-vue ready!

🔨 Explore the source changes: 9f188d4

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-vue/deploys/6143a63ab9071300089b9283

😎 Browse the preview: https://deploy-preview-1253--carbon-components-vue.netlify.app

@lee-chase lee-chase merged commit fdcc861 into carbon-design-system:main Sep 28, 2021
@mateusbandeiraa mateusbandeiraa deleted the replace-node-sass branch September 28, 2021 11:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants