fix(accordion): sass undefined operation compile error (#5040)

* fix(accordion): sass undefined operation compile error

* fix(accordion): fix accordion margin rules

* chore(accordion): add release notes

* fix(accordion): release version change

Co-authored-by: DouG Molidor <[email protected]>

Author: Ravki

RELEASENOTES.md

@@ -18,6 +18,13 @@
     - Added `video_off`
 
 ## Components
+
+### [Accordion](https://www.lightningdesignsystem.com/components/accordion)
+#### Fixed
+
+- Fix for sass undefined operation compile error.
+- Fix wrong computed css margin rules.
+
 ### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons)
 #### Added
 - Added `slds-button_icon-large` to support a Large variant for contained button icons

ui/components/accordion/RELEASENOTES.md

@@ -4,6 +4,13 @@
 
 <!-- ## [Unreleased] -->
 
+## 2.18.0
+
+### Fixed
+
+- Fix for sass undefined operation compile error.
+- Fix wrong computed css margin rules.
+
 ## 2.17.0
 
 ### Added

ui/components/accordion/base/_index.scss

@@ -39,19 +39,19 @@
   margin-top: calc(
     var(--slds-c-accordion-section-spacing-block-start,
     var(--sds-c-accordion-section-spacing-block-start,
-    #{$spacing-small} * -1)));
+    #{$spacing-small})) * -1);
   margin-right: calc(
     var(--slds-c-accordion-section-spacing-inline-end,
     var(--sds-c-accordion-section-spacing-inline-end,
-    #{$spacing-small} * -1)));
+    #{$spacing-small})) * -1);
   margin-bottom: calc(
     var(--slds-c-accordion-section-spacing-block-end,
     var(--sds-c-accordion-section-spacing-block-end,
-    #{$spacing-small} * -1)));
+    #{$spacing-small})) * -1);
   margin-left: calc(
     var(--slds-c-accordion-section-spacing-inline-start,
     var(--sds-c-accordion-section-spacing-inline-start,
-    #{$spacing-small} * -1)));
+    #{$spacing-small})) * -1);
   padding-top: var(--slds-c-accordion-section-spacing-block-start, var(--sds-c-accordion-section-spacing-block-start, #{$spacing-small}));
   padding-right: var(--slds-c-accordion-section-spacing-inline-end, var(--sds-c-accordion-section-spacing-inline-end, #{$spacing-small}));
   padding-bottom: var(--slds-c-accordion-section-spacing-block-end, var(--sds-c-accordion-section-spacing-block-end, #{$spacing-small}));
@@ -91,19 +91,19 @@
   margin-top: calc(
     var(--slds-c-accordion-section-spacing-block-start,
     var(--sds-c-accordion-section-spacing-block-start,
-    #{$spacing-small} * -1)));
+    #{$spacing-small})) * -1);
   margin-right: calc(
     var(--slds-c-accordion-section-spacing-inline-end,
     var(--sds-c-accordion-section-spacing-inline-end,
-    #{$spacing-small} * -1)));
+    #{$spacing-small})) * -1);
   margin-bottom: calc(
     var(--slds-c-accordion-section-spacing-block-end,
     var(--sds-c-accordion-section-spacing-block-end,
-    #{$spacing-small} * -1)));
+    #{$spacing-small})) * -1);
   margin-left: calc(
     var(--slds-c-accordion-section-spacing-inline-start,
     var(--sds-c-accordion-section-spacing-inline-start,
-    #{$spacing-small} * -1)));
+    #{$spacing-small})) * -1);
   padding-top: var(--slds-c-accordion-section-spacing-block-start, var(--sds-c-accordion-section-spacing-block-start, $spacing-small));
   padding-right: var(--slds-c-accordion-section-spacing-inline-end, var(--sds-c-accordion-section-spacing-inline-end, $spacing-small));
   padding-bottom: var(--slds-c-accordion-section-spacing-block-end, var(--sds-c-accordion-section-spacing-block-end, $spacing-small));