Update dev dependencies stylelint SASS (#4173)

* Update dev dependencies stylelint SASS
Major update for stylelint with breaking changes
https://stylelint.io/migration-guide/to-14/

Applied automatic SASS migration to current syntax
https://sass-lang.com/documentation/cli/migrator#migrations

And a few manual fixes such as:
https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/dollar-variable-no-missing-interpolation/README.md

Other dev dependencies are minor updates.

* RTLCSS

* Fix color-hex-length bug

* Implement make bin/composer

* Update git hash

1 files changed, 12 insertions, 12 deletions

diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index 44beb1a01..bf31d0381 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -525,7 +525,7 @@ form th {
 }
 .tree#sidebar {
 	scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05);
-	scrollbar-color: #fff33 #fff22;
+	scrollbar-color: #ffffff33 #ffffff22;
 }
 .tree .tree-folder {
 	border-bottom: 1px solid #3f3f3f;
@@ -541,7 +541,7 @@ form th {
 }
 .tree .tree-folder .tree-folder-title .title {
 	background: inherit;
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-title .title:hover {
 	text-decoration: none;
@@ -567,17 +567,17 @@ form th {
 	color: #303136;
 }
 .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .item.active a {
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .item:hover {
 	background: #17181a;
 }
 .tree .tree-folder .tree-folder-items .item a {
 	text-decoration: none;
-	color: #fff;
+	color: #ffffff;
 }
 .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before {
 	margin: 11px 4px 0 6px;
@@ -645,25 +645,25 @@ form th {
 }
 .nav-list .item a {
 	padding: 0 1rem;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item .error a {
 	color: #f5633e;
 }
 .nav-list .item:hover {
 	background: #17181a;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover .error a {
 	background: #36c;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover .empty a {
 	background: #f4f762;
-	color: #fff;
+	color: #ffffff;
 }
 .nav-list .item:hover a {
-	color: #fff;
+	color: #ffffff;
 	text-decoration: none;
 }
 .nav-list .item.active {
@@ -797,7 +797,7 @@ form th {
 }
 .header .item.search input {
 	width: 230px;
-	color: #fff;
+	color: #ffffff;
 	border: none;
 	border-radius: 0 2px 2px 0;
 	background-color: #26272a;
@@ -1418,7 +1418,7 @@ form th {
 		background: url("../../themes/icons/logout.svg") no-repeat #17181a 97% center;
 		display: inline-block;
 		width: 100%;
-		color: #fff;
+		color: #ffffff;
 		transition: all 0.2s ease-in-out;
 	}
 	ul.nav .item a:hover, ul.nav .item a:active {